Framer AI.

AI-Assistent neben dem visuellen Editor

Framer AI eignet sich für Landingpages, Portfolios und mehrseitige Websites, die innerhalb von Framer weiterentwickelt werden sollen. Der Agent hilft, einen ersten Entwurf vorzubereiten und anschließend Änderungen vorzunehmen; der Nutzer behält die Kontrolle über Ebenen, Typografie, Komponenten und responsive Größen. Dies ist die Arbeitsumgebung einer bestimmten Plattform und kein Versprechen, beliebigen unabhängigen Code für jeden Hostinganbieter zu exportieren.

Änderungen bleiben Teil des Projekts

Laut Beschreibung lassen sich Komposition, Text, Gestaltung und Website-Elemente ändern. Das Ergebnis ist kein starres Bild: Ebenen und Komponenten werden mit den üblichen Framer-Werkzeugen bearbeitet. Für eine inhaltsorientierte Website sind auch CMS, Navigation und wiederverwendbare Vorlagen wichtig. Ihr Verhalten wird im fertigen Projekt geprüft, nicht nur in einer breiten Vorschau.

AI-Credits werden nicht für alle Funktionen gleich eingesetzt. Die offizielle Hilfe unterscheidet zwischen ressourcenintensiven Aktionen des Agenten, Workshop und Übersetzungen sowie kleinen Hilfsfunktionen wie dem Umbenennen von Ebenen. Ein aufgebrauchtes Guthaben deaktiviert daher nicht zwangsläufig den gesamten Editor, schränkt aber weitere Aktionen ein, die das Kontingent verbrauchen.

Beispiel: Seite der Kreativwerkstatt

Formulieren Sie ein kurzes Briefing: Welche Kurse bietet die Werkstatt an, für wen sind sie geeignet und wie erfahren Besucher die Termine? Nennen Sie nur bestätigte Informationen. Bitten Sie um eine ruhige Struktur mit einem verständlichen Einstiegsbereich, Arbeitsbeispielen und einer Kontaktmöglichkeit.

Prüfen Sie nach der Generierung die Darstellung auf einem schmalen Bildschirm. Die Überschrift muss vollständig lesbar sein, Schaltflächen müssen per Tastatur bedienbar sein, und lange Kurstitel dürfen die Karten nicht sprengen. Gehen Sie anschließend alle Links durch und prüfen Sie, wohin die Formulardaten tatsächlich gesendet werden.

Überprüfen Sie die Website auf Besucherziele: Finden Sie eine geeignete Aktivität, verstehen Sie die Bedingungen und kontaktieren Sie die Werkstatt. Wenn Sie die Kontakte über mehrere dekorative Bildschirme erreichen müssen, ist es sinnvoll, den Weg zu vereinfachen.

Was Sie automatisieren können und wo Sie veröffentlichen können

Die Entwicklungsdokumentation beschreibt Plugin API und Server API für die Aktionen mit dem Projekt, CMS, Einstellungen und Veröffentlichung. Dies sind Methoden der Automatisierung innerhalb von Framer, die eine angemessene Autorisierung und einen sorgfältigen Umgang mit den Rechten erfordern.

Die offizielle Hilfe gibt ausdrücklich an, dass sich eine veröffentlichte Website nicht als fertiges HTML-Paket für eigenes Hosting herunterladen lässt. Eine eigene Domain kann auf der Framer-Infrastruktur genutzt werden, dies ist jedoch eine andere Lösung. Ist ein unabhängiger statischer Build auf einem eigenen Server zwingend erforderlich, muss diese Einschränkung vor Designbeginn berücksichtigt werden.

Nutzungskosten und Endkontrolle

Es gibt eine kostenlose Stufe und kostenpflichtige Website-Tarife. Free bietet ein begrenztes anfängliches AI-Guthaben und keine dauerhaft monatlich unbegrenzte Arbeit des Agenten. Für Credits, CMS, Datenverkehr, Lokalisierung und Zusatzfunktionen der kostenpflichtigen Tarife gelten jeweils eigene Bedingungen.

Prüfen Sie vor der Veröffentlichung der Website die Fakten im Text, Bilder, die mobile Version und die Barrierefreiheit. Eine funktionierende Veröffentlichung unter einer Domain bestätigt nicht die Korrektheit der Geschäftslogik, Datenverarbeitung oder externer Integrationen — diese Teile bleiben in der Verantwortung des Projekts.

Für welche Aufgaben geeignet

• Bereiten Sie eine Landingpage innerhalb von Framer vor und entwickeln Sie sie
• Überprüfen Sie die Optionen für Struktur und Gestaltung
• Ändern Sie Inhalte und Komponenten mit einem AI-Assistenten
• Automatisieren Sie Aktionen mit CMS und Veröffentlichung über Server API