Framer AI: Was der Website-Baukasten leistet und kostet

Framer AI eignet sich besonders für Unternehmenswebsites, die eine KI entwerfen und ein Mensch fertigstellen soll: Die Seiten bleiben auf Framers visueller Arbeitsfläche bearbeitbar. Basic beginnt bei $10 pro Monat bei jährlicher Abrechnung. Eine Pro-Website mit zwei zusätzlichen Mitarbeitern und zwei weiteren Sprachen kostet zu Jahrestarifen allerdings insgesamt $100 pro Monat, vor Steuern und zusätzlicher KI-Nutzung. Für eine bearbeitbare Marketingwebsite ist Framer eine gute Wahl. Werden Kundenkonten und Anwendungsabläufe benötigt, passt ein App-Builder besser.

Geprüft am 14. Oktober 2026 anhand von Framers öffentlichen Produktseiten, Hilfeartikeln und der aktuellen Preisseite. Diese Bewertung stützt sich auf die Dokumentation, öffentlich zugängliche Beispiele und berechnete Budgets. Es wurde weder eine Website im angemeldeten Zustand generiert noch das Produkt praktisch getestet. Das Urteil berücksichtigt die manuelle Gestaltungskontrolle, die redaktionellen Abläufe, die gesamten Abokosten und Anforderungen, die eine andere Plattform nötig machen würden.

Was ist Framer AI?

Framer ist ein gehosteter Website-Baukasten mit visueller Arbeitsfläche, Inhaltsverwaltung und Veröffentlichungsfunktionen. Seine KI-Agenten erstellen und verändern Inhalte innerhalb des Projekts. Aus der Beschreibung einer Website oder eines Abschnitts entstehen bearbeitbare Seiten, Texte und Bilder. Anschließend lässt sich per Prompt oder direkt auf der Arbeitsfläche weiterarbeiten. Entscheidend ist das Ergebnis: eine Website, an der weitergearbeitet werden kann, statt lediglich eines Bildes davon. Framer dokumentiert außerdem KI-gestützte Gestaltung, CMS-Arbeit, Übersetzung, wiederverwendbare Anweisungen und Verbindungen zu externen Agenten. Das sind unterschiedliche Arbeitsabläufe, deren Kosten zusammen betrachtet werden müssen. Sie sind kein Versprechen, dass ein einziger Prompt die gesamte Unternehmenswebsite fertigstellt. Framer AI

Für wen eignet sich Framer – und für wen nicht?

Framer passt zu Gründern, Marketingverantwortlichen und freiberuflichen Designern, die vor allem eine öffentliche Marketingwebsite benötigen: das Angebot erklären, überzeugende Referenzen zeigen, Inhalte veröffentlichen und Anfragen erhalten. Besonders interessant ist die Plattform, wenn die für die Pflege zuständige Person nach dem KI-Entwurf die Gestaltung selbst in der Hand behalten möchte.

Die Preise stammen direkt von Framer, Webflow und Lovable und wurden am genannten Prüfdatum kontrolliert. Es handelt sich um Einstiegspreise mit den jeweils angegebenen Abrechnungszeiträumen, nicht um gleichwertige Leistungspakete.

Für einen selbstständigen Berater mit Leistungsseite, Fallstudien und Kontaktformular ist Framer eine naheliegende Wahl. Ebenso für Designer, die eine Website an jemanden übergeben, der Inhalte pflegen, aber das Design nicht verändern soll. Wer als Gründer später ein Kundenportal plant, sollte vor der Wahl des Marketing-Website-Baukastens klären, wo dieses Portal betrieben werden soll.

Webflow AI: Die Arbeitsabläufe entscheiden

Webflow ist ebenfalls eine visuelle Website-Plattform und bietet KI-gestützte Website-Erstellung, Texterstellung, das Generieren von CMS-Einträgen und Abschnitte auf Basis eines Designsystems. Allein durch seine KI-Funktionen gewinnt Framer diesen Vergleich also nicht. Überblick über Webflows KI-Funktionen

Webflow bleibt ein ernsthafter Kandidat, wenn das bestehende Website-Team mit dessen Designsystem und CMS-Prozess bereits gut zurechtkommt. Ein Neustart in Framer braucht dann einen konkreten Vorteil, etwa eine angenehmere Bearbeitung oder eine einfachere Übergabe. Umgekehrt sollte ein kleines Unternehmen keine aufwendigeren Abläufe einführen, nur weil es sie irgendwann benötigen könnte. Unsere Webflow-Bewertung beleuchtet diese Kaufentscheidung genauer.

Lovable: Wenn aus der Website eine Anwendung wird

Lovable erstellt Anwendungen mit Frontend, Backend, Datenbank, Authentifizierung und bearbeitbarem Code. Authentifizierung ermöglicht die Anmeldung von Nutzern; das Backend verarbeitet die Daten und Regeln hinter der sichtbaren Oberfläche. Das ist eine andere Ausgangsanforderung als eine öffentliche Leistungsseite. Lovable-Dokumentation

Lovable passt zu einem Kunden-Dashboard, einem internen Tool oder einem Produkt mit Nutzerkonten. Für eine ansprechende reine Unternehmenspräsentation ohne eigene Anwendungslogik ist es dagegen unnötig. Das Pro-Einstiegsabo enthält 100 monatliche Credits und unbegrenzt viele Nutzer. Zusätzlich muss aber die Nutzung im laufenden Betrieb eingeplant werden. Unsere Analyse der Lovable-Preise und der Lovable-Alternativen helfen dabei, ein App-Builder-Abo nicht mit den gesamten Betriebskosten gleichzusetzen.

Mit KI eine Website erstellen: vom Briefing zum Entwurf

Framer kann aus einem Prompt eine Website erstellen. Ein brauchbares Briefing liefert dafür die geschäftlichen Entscheidungen, die eine KI nicht selbst treffen kann: Zielgruppe, Angebot, Belege, Seitenabschnitte und die gewünschte nächste Handlung. Framers eigenes Einstiegsbeispiel beschreibt die Kaffeerösterei Ember Roast mit Produkt-, Kundenstimmen- und Kontaktbereichen. Es handelt sich um ein veröffentlichtes Anleitungsbeispiel, nicht um ein für diese Bewertung erzeugtes Ergebnis. Framers Anleitung zur Website-Erstellung

Bei einer Dienstleistungswebsite sollte vor dem visuellen Stil feststehen, was Besucher verstehen müssen. „Modern und schön“ lässt die entscheidenden Fragen offen. „Unseren Buchhaltungsservice für unabhängige Einzelhändler erklären, freigegebene Fallstudien zeigen und zu einem Beratungsgespräch einladen“ gibt dem Layout eine klare Aufgabe.

Framer AI nutzen: ein möglicher Ablauf

Der folgende Ablauf ist ein Vorschlag auf Basis der von Framer dokumentierten Funktionen. Der Prompt ist ein eigens formuliertes Beispiel. Er beschreibt kein Ergebnis, das in dieser Bewertung beobachtet wurde.

1. 1

   Ausgangsmaterial vorbereiten

   Die freigegebene Leistungsbeschreibung, das Logo, Bilder und veröffentlichbare Nachweise zusammenstellen. Fehlende Informationen klar von freigegebenen Texten trennen. Der Agent sollte keine Kunden oder Kundenstimmen erfinden, nur damit das Layout vollständig aussieht.

2. 2

   Agent öffnen und ein klar begrenztes Briefing geben

   Ein Projekt erstellen und Agent in der rechten Seitenleiste öffnen. Ein möglicher Einstiegsprompt lautet: „Erstelle eine Startseite für Cedar Ledger, einen Buchhaltungsservice für unabhängige Einzelhändler. Verwende die beigefügten freigegebenen Texte und das Logo. Baue das Angebot, die Leistungen, unseren Ablauf, die bereitgestellten Fallstudien und ein Formular für Beratungsanfragen ein. Wähle ein ruhiges redaktionelles Layout. Kennzeichne fehlende Inhalte deutlich; erfinde keine Nachweise.“

3. 3

   Den ausgewählten Abschnitt gezielt überarbeiten

   Zuerst den Hero-Bereich auf der Arbeitsfläche auswählen, dann eine begrenzte Änderung anfordern: „Behalte die freigegebene Überschrift und das Logo bei. Hebe die wichtigste Handlungsaufforderung stärker hervor und reduziere konkurrierende visuelle Elemente.“ Framer empfiehlt, abschnittsweise zu arbeiten und den ausgewählten Bereich als Kontext mitzugeben. Das verringert unbeabsichtigte Änderungen an anderer Stelle.

4. 4

   Vor der Veröffentlichung prüfen

   Inhalte, Links, Bilder und responsive Layouts kontrollieren, einschließlich der Smartphone-Ansicht. Bei einem Tarif mit Branching für eine größere Überarbeitung einen Branch anlegen, die Änderungen unter Changes prüfen, in den Hauptstand übernehmen und anschließend veröffentlichen. Ein ansprechender Entwurf und die Freigabe zur Veröffentlichung sind getrennte Entscheidungen.

Framer unterstützt angehängte Referenzbilder und die eigentlichen Designmaterialien. Wenn eine Interaktion wichtig ist, empfiehlt die Anleitung sowohl ein Bild des gewünschten Aussehens als auch eine funktionierende Referenz für das Verhalten. Das ist wesentlich konkreter als der vage Wunsch nach einem „hochwertigen Eindruck“. Anleitung zur Agent-Nutzung

Die gestalterische Prüffrage ist einfach: Erkennt ein Besucher das Angebot und die nächste Handlung, ohne erst dekorative Elemente deuten zu müssen? Wenn der Entwurf daran scheitert, sollte zuerst die visuelle Hierarchie überarbeitet werden, bevor Animationen hinzukommen.

KI-gestützte Gestaltung: Was lässt sich am Entwurf ändern?

Die von Framer erzeugten Ergebnisse bleiben bearbeitbar: Texte, Bilder, Layouts, Typografie, Komponenten, Abstände, Farben, Effekte und Breakpoints lassen sich ändern. Ein Breakpoint passt das Layout an eine andere Bildschirmbreite an. Der praktische Vorteil: Bricht eine Überschrift auf dem Smartphone ungünstig um, muss dafür nicht die gesamte Website neu generiert werden. Framers Bearbeitungsmodell

Beim Briefing für Cedar Ledger sollte dieselbe Seite über mehrere Überarbeitungen hinweg beurteilt werden. Zuerst müssen Inhalte und Abschnittsreihenfolge stimmen. Danach folgt der erkennbare Markenauftritt mit einheitlichen Überschriften, Schaltflächen und Bildstilen. Abschließend zählt die Nutzbarkeit auf schmaleren Bildschirmen, einschließlich eines lesbaren Formulars und einer klaren Handlungsaufforderung. Das sind vorgeschlagene Prüfschritte, keine berichteten Fehler aus einem nicht durchgeführten Test.

Für wiederkehrende Änderungen eignet sich eine gezielte Agent-Anweisung, etwa um vorgegebene Schriftstile auf mehrere Abschnitte anzuwenden. Lokale Gestaltungsentscheidungen wie den Bildausschnitt oder den Abstand um eine Überschrift lassen sich direkt auf der Arbeitsfläche treffen. Bei beiden Methoden muss das Ergebnis anschließend geprüft werden.

Wiederverwendbare Skills und der Maßstab für gute Überarbeitungen

Framer Skills speichern Anweisungen für wiederkehrende Aufgaben, etwa zum Designsystem, zur Markensprache oder zu Prüfungen vor der Veröffentlichung. Sie werden in den Projekteinstellungen unter Settings → Skills angelegt und anschließend im Agent-Chat aufgerufen. Für Cedar Ledger könnte ein sinnvoller Skill die freigegebenen Schriftstile, vorhandenen Komponenten und bereitgestellten Nachweise verbindlich machen und erfundene Geschäftsaussagen untersagen. Framer Skills

Framers öffentliche Skills-Seite zeigt ein aufschlussreiches Vorher-nachher-Beispiel für Texte. Die erste Fassung beschreibt KI mit aufgeblasenen Allgemeinplätzen. Die Überarbeitung nennt konkrete Aufgaben wie die Vorsortierung von Supportanfragen und das Aktualisieren von Datensätzen und erklärt, was Menschen kontrollieren. Das Thema bleibt gleich, die Arbeit wird jedoch greifbar.

Dieser Maßstab gilt auch für den Entwurf einer Unternehmenswebsite. „Wir revolutionieren die Finanzen im Einzelhandel“ sagt einem Ladeninhaber wenig. Eine freigegebene Aussage darüber, welche Buchhaltungsaufgaben der Service übernimmt, lässt sich dagegen bewerten. Die KI kann Formulierungen vorschlagen; ob sie wahr sind, muss das Unternehmen klären.

Framer Templates: Vorlagen als sinnvoller Ausgangspunkt

Framers Marketplace bietet bearbeitbare Vorlagen wie Bedrock von Grain Lab, die als kostenlos und für Agenturen geeignet gelistet ist. Die Beschreibung nennt ein anpassbares, responsives Layout. Eine vorhandene Gestaltung als Ausgangspunkt zu nutzen, kann sinnvoll sein, wenn sie bereits zu den darzustellenden Inhalten passt. Bedrock im Marketplace

Eine Vorlage belegt nicht die Qualität einer KI-Generierung. Sie bietet eine sichtbare Struktur, die sich beurteilen lässt, bevor entschieden wird, ob sie angepasst, per Agent verändert oder durch einen neuen Entwurf auf Basis eines Briefings ersetzt werden soll.

Beispiele für Framer-Websites: Möglichkeiten statt Belege für Prompt-Qualität

Framers öffentliche Produktseiten und Beispiele zeigen, was sich mit der Plattform darstellen lässt. Sie belegen nicht, dass diese Websites allein aus einem kurzen Prompt und ohne menschliche Arbeit entstanden sind. Sie helfen bei der Beurteilung von Layout, Animationen und Inhaltsaufbau. Als gemessener Nachweis für die Qualität des ersten Entwurfs oder die eingesparte Zeit eignen sie sich nicht.

Externe Agenten und Zusammenarbeit im Workspace

Framer dokumentiert auch Verbindungen zu externen Coding-Agenten, darunter Claude Code, Cursor und Codex. Die Verbindung gewährt Zugriff auf ausdrücklich ausgewählte Projekte. Ein Agent kann mit der Arbeitsfläche und dem CMS arbeiten. Änderungen gelangen auf die Live-Website, sobald sie veröffentlicht werden oder der Agent die entsprechende Anweisung erhält. Laut Framer laufen Änderungen externer Agenten über Branches; der Zugriff lässt sich widerrufen. Dokumentation zu externen Agenten

Für Marketingverantwortliche ist vor allem die Trennung zwischen Projektbearbeitung und Freigabe einer Live-Änderung relevant. Für Entwickler kann sich die Anbindung in ihre bestehende Werkzeugkette einfügen. Die Kosten für Website, Nutzerplätze und Nutzung entfallen dadurch nicht. Auf der Preisseite ist der Zugang für externe Agenten derzeit als kostenlos während der Preview gekennzeichnet.

Die Website mit CMS, Formularen und SEO betreiben

Framer bietet die grundlegenden Veröffentlichungsfunktionen einer Unternehmenswebsite. Sie müssen jedoch jeweils auf das geschäftliche Ziel ausgerichtet werden. Auch ein vollständig wirkender Entwurf kann noch beispielhafte Fallstudien enthalten, Anfragen ins Leere schicken oder eine ungeeignete Seitenbeschreibung übernehmen.

CMS: Freigegebene Inhalte in wiederverwendbaren Seitenstrukturen veröffentlichen

Framers CMS, also das System zur Inhaltsverwaltung, speichert wiederkehrende Inhalte in Sammlungen, beispielsweise Artikel oder Fallstudien. Die Agenten können Felder und Slugs anlegen, Sammlungen befüllen, eine CSV-Tabelle importieren, zusammengehörige Inhalte verknüpfen und eine mit diesen Inhalten verbundene Detailseite erstellen. Framer CMS

Für Cedar Ledger bieten sich Fallstudienfelder für Kunde, Problem, erbrachte Leistung und freigegebenes Ergebnis an. Die Fallstudienseite wird dann einmal gestaltet und aus diesen Feldern befüllt. So entsteht für den Betreiber ein wiederholbarer Veröffentlichungsprozess statt einer wachsenden Zahl einzeln gestalteter Seiten.

Bei Beispieldaten ist Vorsicht geboten. Framer bewirbt die Erzeugung realistischer CMS-Beispieleinträge, die bei der Layoutvorschau helfen können. Realistisch heißt jedoch nicht geprüft. Ein überzeugend klingender, aber erfundener Kundenname oder ein erfundenes Ergebnis eignet sich weiterhin nicht zur Veröffentlichung.

Das Inhaltsmodell sollte vor der Tarifwahl feststehen. Blogartikel und Fallstudien passen in die zwei Sammlungen von Basic. Eine separate Autorensammlung wäre bereits die dritte und würde die Möglichkeiten von Basic überschreiten, selbst bei einer Website mit sehr wenigen Besuchern.

Formulare: Ziel und Zuordnung der Anfragen prüfen

Framers eigene Formulare unterstützen gestaltbare Felder und Zustände, den Versand per E-Mail, Google Sheets und Webhooks sowie integrierten Spamschutz und eine Begrenzung der Anfragerate. Ein Formular wird über Insert → Forms eingefügt; anschließend werden Felder und Ziel der Übermittlung eingerichtet. Framers Anleitung für Kontaktformulare

Bei einer Beratungsanfrage ist der entscheidende Abnahmetest, ob die Übermittlung die zuständige Person oder das zuständige System erreicht. Pflichtfelder, Bestätigungsmeldung und tatsächlich empfangene Daten müssen auf der veröffentlichten Website geprüft werden. Ein ansprechender Absende-Button belegt nichts davon.

Für bezahlte Kampagnen ist die Einschränkung bei der Zuordnung entscheidend: Versteckte Felder erfassen UTM-Parameter nicht automatisch. Diese Kennzeichnungen in einer Kampagnen-URL identifizieren deren Herkunft. Framer führt integriertes UTM-Tracking für Formulare im Enterprise-Tarif auf und dokumentiert einen Code Override als weiteren Ansatz. Zudem unterscheidet Framer die Feldeinstellung Hidden vom Ausblenden eines Eingabefelds über die Eigenschaft Visible. Bei Letzterem wird das Feld nicht mitgesendet. Dokumentation zu versteckten Feldern

Eine feste versteckte Kennzeichnung kann eine Landingpage identifizieren. Sie verrät aber nicht automatisch, über welche Anzeige der Besucher kam. Wenn dieser Unterschied für Marketingentscheidungen wichtig ist, muss die Umsetzung der Zuordnung ins Budget eingehen.

SEO: Funktionen zur Veröffentlichung, keine Garantie für neue Kunden

Framer unterstützt Seitentitel und Beschreibungen, eigene Slugs, CMS-basierte Metadaten, semantisches HTML, Einstellungen zur Indexierung sowie automatisch erzeugte Sitemaps und robots.txt. Die Agenten können bei Prüfungen und Änderungen an Überschriften, Metadaten, Alternativtexten für Bilder und internen Links helfen. Framer SEO

Eine Fallstudie braucht einen Titel, der ihr Thema benennt, eine Beschreibung, die die Arbeit zutreffend zusammenfasst, und eine stabile URL. Außerdem ist zu prüfen, ob die Seite indexiert werden soll, also Suchmaschinen zur Aufnahme angeboten wird. Beim Austausch einer bestehenden Website sollten die bisherigen URLs und nötige Weiterleitungen geprüft werden. Framer führt Website-Weiterleitungen im Pro-Tarif auf.

Diese Funktionen ermöglichen eine fachgerechte Veröffentlichung. Sie garantieren weder Rankings noch Besucher oder qualifizierte Anfragen. Auch KI-generierte Metadaten sind Texte, die zum Inhalt der Seite passen müssen.

Die Website übersetzen und redaktionell die Kontrolle behalten

Framers Auto Translate kann übersetzbare Inhalte auf der Arbeitsfläche und im CMS in den aktivierten Sprachversionen aktualisieren, sobald sich die Quelle ändert. Eine Locale ist eine Sprach- oder Regionalversion der Website. Dazu Localization öffnen, die Locale auswählen, Settings öffnen und unter AI Settings die Funktion Auto Translate aktivieren. Ein Modell kann gezielt ausgewählt werden; alternativ bleibt Auto eingestellt. Anleitung für Auto Translate

Für die französische Version von Cedar Ledger sollten Leistungsbezeichnungen, Formularbeschriftungen und Hinweise zum nächsten Schritt gemeinsam geprüft werden. Auch korrekte Einzelsätze können zu einem unstimmigen Ablauf führen, wenn ein Button etwas anderes verspricht als die Bestätigungsmeldung. Ebenso wichtig ist die Kontrolle des dargestellten Layouts: Eine übersetzte Beschriftung kann mehr Platz benötigen.

Framer erlaubt die Prüfung und manuelle Bearbeitung von Übersetzungen; manuelle Änderungen haben Vorrang. Die Prüfstatus helfen dabei, neue Inhalte von bereits kontrolliertem Material zu unterscheiden.

Die Gebühr für eine Sprachversion und das Übersetzungskontingent sind getrennte Posten. Das Add-on schaltet die Lokalisierung frei, während KI-Übersetzungen zusätzlich KI-Credits des Workspaces verbrauchen. Sind diese aufgebraucht, bleibt die manuelle Übersetzung laut Framer verfügbar. Ein mehrsprachiger Redaktionsplan gehört damit ins laufende KI-Budget und ist nicht bloß ein einmaliger Aufwand zur Veröffentlichung.

Framer-Kosten: Website-Tarife, Nutzerplätze und Add-ons

Framers aktuelle Website-Tarife heißen Free, Basic, Pro und Enterprise. Die folgenden USD-Beträge wurden am 14. Oktober 2026 geprüft, einschließlich beider Abrechnungsvarianten und der USD-Daten der Preisseite. Der Jahrestarif wird als monatlicher Gegenwert angegeben; er ist kein monatlich kündbares Abo. Framer-Preise

Basic enthält 30 Website-Seiten, zwei CMS-Sammlungen, 1,000 CMS-Einträge und 50 GB Bandbreite. Pro umfasst 150 Website-Seiten, zehn Sammlungen, 2,500 Einträge und 100 GB Bandbreite sowie die aufgeführten Funktionen für Weiterleitungen, Staging und Branching. Enterprise bietet individuelle Limits und Funktionen für die organisatorische Verwaltung. Tariflimits

Free eignet sich zum Kennenlernen der Arbeitsabläufe. Das öffentliche Angebot umfasst eine Framer-Domain und 1 GB Bandbreite. Die FAQ nennt außerdem 1,000 Seiten, zehn CMS-Sammlungen, Datei-Uploads bis 5 MB und eine Sprachversion zum Ausprobieren. Diese Möglichkeiten der Testumgebung bedeuten nicht, dass Basic dieselben Limits übernimmt. Für eine eigene Domain ist ein kostenpflichtiger Tarif erforderlich.

Website-Abos und Nutzerplätze im Workspace

Framer berechnet die Website und die Personen mit Bearbeitungsrechten getrennt. Bei Basic und Pro sind der Workspace-Inhaber und Betrachter kostenlos. Zusätzliche vollwertige Editoren kosten $20 pro Monat zum Jahrestarif oder $30 bei monatlicher Abrechnung. Content-Editoren für CMS, Lokalisierung und die direkte Inhaltsbearbeitung auf Seiten kosten entsprechend $10 oder $15. Beide Website-Tarife nennen höchstens zehn Nutzer mit Bearbeitungszugriff. Preise für die Zusammenarbeit

Die kostenpflichtige Content-Rolle kann für einen Kunden passen, der Fallstudien aktualisieren, aber keine Layouts bearbeiten muss. Ein vollwertiger Designzugang sollte vergeben werden, weil die Aufgabe ihn verlangt, statt alle Beteiligten als denselben Nutzertyp zu behandeln.

Laut Framers Abrechnungshilfe werden jährliche Website-Abos im Voraus bezahlt. Zusätzliche Gebühren für Editoren oder Nutzung werden bei Jahrestarifen monatlich abgerechnet. Der gewählte Preis und der Zeitpunkt der Rechnungsstellung sind daher getrennt zu betrachten. Dokumentation zur Abrechnung

Sprachversionen, zusätzliche Kapazität und optionale Extras

Die aktuelle Preisseite nennt folgende zusätzliche Monatsbeträge. Zuerst steht jeweils der Preis zum Jahrestarif, danach der Preis bei monatlicher Abrechnung:

• Zusätzliche Sprachversion: $20 / $25 je weiterer Locale, bis zu 20 bei Basic oder Pro.
• Zusätzliche Seiten bei Pro: $20 / $30 je weitere 100 Seiten, bis zu insgesamt 700 Seiten.
• Zusätzliche CMS-Sammlungen bei Pro: $40 / $50 je weitere zehn, bis zu insgesamt 40.
• Zusätzliche CMS-Einträge bei Pro: $20 / $30 je weitere 10,000, bis zu insgesamt 40,000.
• Zusätzliche Bandbreite bei Pro: $40 / $50 je weitere 100 GB, bis zu 2 TB.
• Convert bei Pro: $50 / $60 je 500,000 Ereignisse. Damit werden die Test- und Messfunktionen abgedeckt. Ein Ereignis kann beispielsweise ein Seitenaufruf, ein erfasster Klick oder eine erfasste Formularübermittlung sein.
• Advanced Hosting bei Pro: $200 / $250; bei Enterprise als enthalten aufgeführt.

Diese optionalen Posten erfüllen unterschiedliche Aufgaben. Sie bilden kein Paket, das jedes Unternehmen benötigt. Aktuelle Add-on-Preise

KI-Credits werden gemeinsam genutzt; der Verbrauch pro Prompt variiert

Framer bündelt Credits auf Workspace-Ebene: Die Kontingente der Website-Tarife addieren sich, und Editoren greifen auf denselben Vorrat zu. Agent-Chat, Workshop-Chat und KI-Übersetzungen verbrauchen Credits. Ein zusätzlicher Nutzerplatz bringt kein eigenes persönliches Kontingent mit. Kostenpflichtige Credits werden zum Abrechnungsdatum des jeweiligen Tarifs erneuert; ungenutzte enthaltene Credits werden nicht übertragen. Regeln für KI-Credits

Über die Credit-Auswahl auf der Preisseite lässt sich das wiederkehrende Kontingent erhöhen. Bei Basic reicht es von 1,000 bis 15,000 monatlichen Credits, bei Pro von 3,000 bis 100,000. In der geprüften USD-Preisberechnung kosten jeweils weitere 1,000 wiederkehrende monatliche Credits zusätzlich $10 pro Monat zum Jahrestarif oder $15 bei monatlicher Abrechnung. Pro mit 5,000 monatlichen Credits kostet beispielsweise insgesamt $50 pro Monat bei jährlicher Abrechnung oder $75 bei monatlicher Abrechnung. Das sind Credit-Konfigurationen der Website-Tarife, keine zusätzlichen Tarifnamen. Credit-Auswahl

Daraus lässt sich keine garantierte Zahl fertiger Websites ableiten. Laut Framer hängt der Verbrauch von der jeweiligen Anfrage ab. Einmalige Aufladungen setzen außerdem ein aktives AI Credits Add-on voraus und verfallen am Ende des Kalendermonats, in dem sie gekauft wurden. Ist das Limit erreicht, pausieren neue Anfragen, die Credits verbrauchen; bereits laufende Arbeiten werden abgeschlossen. Die Seite wirbt mit zusätzlichen Credits im ersten Monat. Für ein laufendes Budget sollte jedoch das reguläre Kontingent angesetzt werden.

Was ein kleines mehrsprachiges Team bezahlt

Das Beispiel umfasst eine Pro-Website, den Inhaber, einen freiberuflichen Designer mit vollwertigem Editorzugang, einen Marketingverantwortlichen mit Content-Editorzugang und zwei zusätzliche Sprachversionen:

Monatlicher Gegenwert zum Jahrestarif: $30 + $20 + $10 + $40 = $100 pro Monat beziehungsweise $1,200 über ein Jahr.

Monatliche Abrechnung: $45 + $30 + $15 + $50 = $140 pro Monat beziehungsweise $1,680 über ein Jahr.

Daraus ergibt sich eine berechnete jährliche Differenz von $480, vor Steuern, zusätzlichen Credits, externen Dienstleistungen oder weiteren Extras. Die Ausgangswerte stammen von Framers aktueller Preisseite. Diese Rechnung ist für die Planung aussagekräftiger als der Preis des Website-Abos allein.

Erhält diese Website in einem Monat zehn qualifizierte Anfragen, betragen die im Modell angesetzten Plattform-Abokosten $10 pro Anfrage zum Jahrestarif oder $14 bei monatlicher Abrechnung. Die zehn Anfragen sind eine illustrative Annahme, keine Prognose für Besucherzahlen oder Conversions. Ausgaben für die Kundengewinnung und Arbeitskosten sind nicht enthalten. Ob sich der Website-Betrieb rechnet, sollte anhand der eigenen Ergebnisse beurteilt werden.

Welche Einschränkungen können die Kaufentscheidung ändern?

Framers wichtigste Grenzen betreffen die Anforderungen an die Kontrolle über die eigene Website, den ungewissen Nutzungsverbrauch und die Arbeit zwischen einem Entwurf und einer funktionierenden Unternehmenswebsite.

1. Die Export-Dokumentation widerspricht sich. Die spezielle Hilfeseite zum HTML-Export erklärt, dass Framer keinen HTML-Export für eigenes Hosting anbietet. Die separate Seite zur Datenportabilität sagt dagegen, dass veröffentlichte HTML-, CSS- und JavaScript-Dateien sowie weitere Website-Dateien heruntergeladen und zu einem anderen Hoster übertragen werden können. Beide Seiten waren während der Prüfung online. Ein unterstützter Export einer funktionsfähigen Website für den Betrieb bei einem anderen Anbieter ließ sich im Rahmen dieser Bewertung nicht bestätigen. Ist ein Wechsel des Hosters vertraglich vorgeschrieben, sollten vor der Entscheidung für Framer ein Export vorgeführt und dessen Funktionsfähigkeit geprüft werden.

2. Das KI-Kontingent ist keine feste Produktionszusage. Aus 1,000 oder 3,000 Credits lässt sich keine garantierte Zahl fertiger Websites kalkulieren. Übersetzung und Gestaltung greifen auf denselben Vorrat zu. Eine Woche mit vielen Veröffentlichungen kann deshalb verändern, was für andere Aufgaben übrig bleibt.

3. Basic kann strukturell an seine Grenzen kommen, bevor die Besucherzahlen zum Problem werden. Das Limit von zwei Sammlungen ist eine konkrete Einschränkung für Unternehmen, die Artikel, Autoren und Fallstudien getrennt verwalten möchten. Vor der Bewertung anhand von Bandbreite oder Einstiegspreis sollten die Inhaltstypen gezählt werden.

4. Ein Formular allein ordnet Anfragen noch keiner Kampagne zu. Integrierte versteckte Felder übernehmen Kampagnenparameter nicht automatisch. Wer Berichte von der Kampagne bis zur Anfrage benötigt, muss die dokumentierte Enterprise-Option oder eine zusätzliche Umsetzung einplanen.

5. Ein vorzeigbarer KI-Entwurf liefert noch keine veröffentlichungsfähigen Geschäftsaussagen. Beispielinhalte im CMS, unbelegte Kundenstimmen, Fehler im mobilen Layout und ungeprüfte Übermittlungsziele verlangen weiterhin menschliche Aufmerksamkeit. Framer empfiehlt selbst, Inhalte, Bilder, Links und responsives Verhalten vor der Veröffentlichung zu prüfen. KI übernimmt einen Teil der Aufbauarbeit; die Freigabe durch das Unternehmen ersetzt sie nicht.

Framer AI im Urteil: Für welche Website lohnt es sich?

Framer ist eine überzeugende Wahl, wenn eine bearbeitbare Marketingwebsite entstehen soll und ein Mensch die Verantwortung für das endgültige Design, die Inhalte und die Veröffentlichung übernimmt. Basic ist ein sinnvoller Einstieg, wenn die Inhaltsstruktur hineinpasst. Pro kommt infrage, sobald die aufgeführten Veröffentlichungsfunktionen oder zusätzliche CMS-Kapazität gebraucht werden. Mitarbeiter und Sprachen sollten vor der Entscheidung in die Kostenrechnung eingehen.

Webflow bleibt sinnvoll, wenn dessen bestehende Design- und Inhaltsabläufe das Unternehmen bereits gut unterstützen. Ein App-Builder wie Lovable passt besser, wenn das eigentliche Produkt eine Anmeldung, Daten und Geschäftsregeln benötigt. Muss eine übertragbare Kopie unabhängig gehostet werden können, lässt Framers widersprüchliche Dokumentation eine entscheidende Anforderung offen.

Die Entscheidungsregel: Framer passt, wenn die direkte visuelle Bearbeitung nach der KI-Erstellung wichtiger ist als die Kontrolle über den Anwendungscode oder die Hosting-Infrastruktur der Website.

Für die nächste Arbeitssitzung empfiehlt sich ein klarer Ablauf: freigegebene Startseitentexte und Materialien vorbereiten, eine einzelne wichtige Seite entwerfen, eine manuelle Anpassung für unterschiedliche Bildschirmgrößen vornehmen und eine Formularübermittlung prüfen. Bei einer mehrsprachigen Website kommt die Prüfung einer übersetzten Fassung derselben Seite hinzu. Die kostenpflichtige Konfiguration sollte erst gewählt werden, wenn diese Aufgaben den eigenen Abnahmekriterien genügen.

Häufige Fragen zu Framer AI

Ist Framer AI kostenlos?

Framer bietet einen $0-Tarif mit einmalig 500 KI-Credits für einen Workspace ohne aktives Abo. Das ist ein Kontingent zum Ausprobieren, keine unbegrenzte monatliche Generierung. Für die Veröffentlichung unter einer eigenen Domain ist ein kostenpflichtiger Website-Tarif erforderlich. Details zum kostenlosen Tarif

Was bedeutet ein Frame in der künstlichen Intelligenz?

Hier ist „Frame“ in einer anderen Bedeutung gemeint als beim Produktnamen Framer. Framer AI ist das in diesem Artikel behandelte Produkt zur Website-Erstellung. Es sollte nicht mit dem Begriff Frame aus der KI-Theorie verwechselt werden.

Welche KI-Tools helfen bei der Gestaltung einer Website?

Framer und Webflow dokumentieren beide KI-gestütztes Webdesign. Lovable ist relevant, wenn eine Anwendung mit Daten und Nutzerkonten entstehen soll. Zuerst sollte feststehen, welche Art von Produkt benötigt wird. Danach lassen sich die Abläufe für Bearbeitung und Veröffentlichung vergleichen.

Was macht ein Framer-Entwickler?

Ein Framer-Entwickler erstellt oder erweitert Websites in Framer. Dazu können visuelle Layouts, responsives Verhalten, die Einrichtung des CMS und Integrationen gehören. Eigener Code kommt hinzu, wenn die Anforderung ihn nötig macht. Auch beim Einsatz von Framers KI müssen diese Details geprüft werden.

Kann Framer Code exportieren?

Framers aktuelle Hilfeseiten widersprechen sich: Die Seite zum HTML-Export verneint einen Export für eigenes Hosting, während die Seite zur Portabilität die Übertragung von Website-Dateien beschreibt. Keine der beiden Aussagen allein rechtfertigt die Annahme eines unterstützten, vollständig funktionsfähigen Exports. Die verlinkte Dokumentation und die daraus folgende Einschränkung für die Kaufentscheidung stehen im Abschnitt zu den Grenzen der Plattform.

Wird Framer noch genutzt?

Framer verfügt über ein aktives öffentliches Produkt, aktuelle Dokumentation, Kundenbeispiele und einen Marktplatz für Vorlagen. Diese Bewertung nennt keine verifizierte Zahl aktiver Nutzer. Für eine Kaufentscheidung ist die Frage hilfreicher, ob die Bearbeitungs- und Veröffentlichungsabläufe die eigenen Anforderungen erfüllen.

Wie lassen sich Framer-Designs in HTML umwandeln?

Eine Framer-Website zu veröffentlichen und einen unabhängig hostbaren Export zu erhalten, sind unterschiedliche Anforderungen. Da sich die Export-Dokumentation des Anbieters derzeit widerspricht, lässt sich hier keine verifizierte Anleitung zur Umwandlung für eigenes Hosting geben. Diese Anforderung sollte geklärt werden, bevor Framer für ein Projekt mit übertragbarem Code eingesetzt wird.

Wie lassen sich Framer-Designs nach WordPress übertragen?

Es sollte eine Migration geplant werden, statt von einer automatischen Umwandlung in ein Theme auszugehen. Framers Dokumentation zur Portabilität beschreibt den CMS-Export über Plugins nach CSV oder JSON. Sie belegt nicht, dass aus dem visuellen Design und der funktionierenden Website ein WordPress-Theme entsteht. Layouts und Funktionen der Zielwebsite müssen neu aufgebaut und geprüft werden.

Wie lässt sich eine Framer-Website nach Figma exportieren?

Dokumentiert ist die Richtung von Figma-Layouts zu Framer. Framer beschreibt außerdem den Export von Elementen und Seiten als JPG und PNG. Beides belegt keinen bearbeitbaren Projektexport von Framer nach Figma. Ein Screenshot ist keine wiederverwendbare Designdatei.

Kann Figma nach HTML exportieren?

Bei Figma Design muss zwischen dem Export statischer Inhalte und einer funktionierenden Website unterschieden werden. Die dokumentierten statischen Exporte liefern Bild- und Dokumentformate. Framers Figma-Import kann Layouts in eine gehostete Website überführen. Die separate Frage nach übertragbarem HTML ist damit jedoch nicht geklärt.

Die Checkliste zur Prüfung von KI-Arbeitsabläufen im Unternehmen hilft bei der Entscheidung, welche Website-Aufgaben automatisiert werden können und wo weiterhin eine menschliche Freigabe nötig ist.