Framer FAQ

Das deutschsprachige FAQ rund um Framer.

FAQ rund um Framer

Alle

Branching

Komponenten

Projekt

Typografie

Werkzeuge

Tech

Grundlagen

Fortgeschritten

CMS

KI

ᶠAffiliate-Link

Was ist Framer?

Framer ist ein moderner Website-Builder, mit dem sich professionelle, leistungsstarke Webseiten vollkommen ohne Programmierkenntnisse entwerfen, veröffentlichen und verwalten lassen. Im Gegensatz zu klassischen Baukastensystemen verbindet Framer freie Design-Workflows mit fortgeschrittenen Funktionen wie CMS, dem Agent, Analysen, A/B-Tests und Team-Zusammenarbeit – alles auf einer Plattform.

Worin unterscheidet sich Framer von Squarespace, Wix, Jimdo & Co.?

Während Tools wie Wix oder Squarespace auf vorgefertigte Templates und eingeschränkte Layouts setzen, bietet Framer volle Designfreiheit und Kontrolle – ohne die Komplexität klassischer Programmierarbeit. Framer eignet sich besonders für individuelle Markenauftritte, bei denen Performance, Skalierbarkeit und professionelles Design im Vordergrund stehen.

Für wen ist Framer nicht geeignet?

Wenn du einen Onlineshop mit eigenem Checkout brauchst oder beispielsweise ein SaaS bauen willst und auf komplexe Backend-Systeme oder Datenbank-Integrationen angewiesen bist, eignet sich Framer eher nicht.

Verfallen ungenutzte Framer-Credits?

Ja, ungenutzte Credits verfallen zum Monatsende und werden nicht übertragen. Sie erneuern sich zum Verlängerungsdatum deines Plans. Laufen mehrere Pläne mit verschiedenen Terminen im Workspace, erneuert sich jedes Kontingent zu seinem eigenen Zyklus.

Wie viele Credits verbraucht der Framer Agent?

Auf dem Basismodell: Landingpage erzeugen rund 300 Credits, Seite responsive machen rund 150, große Änderung rund 100, kleine Änderung rund 50. Die 1.000 Credits im Basic-Plan reichen also für etwa 5 Landingpages im Monat, die 3.000 im Pro-Plan für etwa 10. Der Verbrauch hängt neben der Aufgabe allerdings auch stark vom gewählten Modell und dem eingestellten Aufwand ab.

Was passiert, wenn meine Framer-Credits aufgebraucht sind?

Bei 80 Prozent warnt Framer die Workspace-Admins per Hinweis und E-Mail. Bei 100 Prozent pausieren Agent, Workshop und KI-Übersetzung. Laufende Anfragen werden fertig, neue werden blockiert. Das automatische Umbenennen von Layern kostet Stand jetzt allerdings keine Credits und ist weiterhin möglich. Zum Tastenkürzel

Brauche ich Programmierkenntnisse für Framer?

Nein. Framer wurde bewusst so konzipiert, dass professionelle Weblayouts ohne klassisches Programmieren möglich sind. Statt HTML, CSS und JavaScript von Hand zu schreiben, arbeitest du mit einem visuellen Layout-System, das dieselben Prinzipien nutzt – nur zugänglicher und deutlich schneller. Für fortgeschrittene Projekte lässt sich Custom Code an verschiedenen Stellen ergänzen.

Für wen ist Framer geeignet?

Framer richtet sich an Designer, Entwickler und Einsteiger, die hochwertige Websites entwerfen, direkt veröffentlichen und langfristig verwalten möchten. Besonders geeignet ist Framer für alle, die sich von klassischen Baukasten-Systemen lösen wollen und ein Tool suchen, das kreative Freiheit mit klar strukturierten Workflows verbindet. So lassen sich anspruchsvolle, markenprägende Websites umsetzen, ohne Programmierkenntnisse vorauszusetzen.

So ist zum Beispiel FramerVerstehen.de komplett in Framer aufgebaut und verwaltet, schau dich gerne um und überzeuge dich selbst!

Ist Framer schwer zu lernen?

Framer liegt zwischen Wix und Webflow: mächtiger als Baukästen, zugänglicher als Webflow. Kennst du Figma, findest du dich sofort zurecht. Und auch ohne Design-Hintergrund lässt sich Framer schnell lernen.

Was kann Framer alles?

Vier Bereiche liegen hier im Fokus: ein visueller Canvas-Editor mit Frames, Stacks, Breakpoints und Komponenten. Ein Integriertes CMS für Blogs und dynamische Inhalte. Der Framer Agent als KI direkt im Editor. Dazu Analytics, A/B-Tests und starke SEO-Konfiguration.

Kann man mit Framer einen Onlineshop bauen?

Nicht nativ. Framer hat keinen eigenen Checkout. Für Verkäufe kannst du aber Shopify oder ähnliche Dienste über Plugins einbinden. Für einen vollwertigen Shop mit Lagerverwaltung ist Framer nicht das richtige Werkzeug.

Erzeugt Framer sauberen Code?

Framer wandelt dein Design automatisch in produktionsreifen Code um, den du nie anfassen musst. Mit Framer kannst du deine Webseite allerdings nicht als Code exportieren.

Braucht Framer ein separates Hosting?

Nein, das Hosting ist enthalten. Du veröffentlichst intuitiv und schnell direkt aus dem Editor: im Free-Plan auf einer Framer-Subdomain, ab dem Basic-Plan für 10 Euro im Monat auf deiner eigenen Domain.

Kann man mit Framer einen Blog betreiben?

Ja, über das integrierte CMS. Du legst eine Kollektion an, definierst Felder und baust eine Detailseite, die für jeden Artikel automatisch erzeugt wird. Der Basic-Plan erlaubt 1.000 Beiträge in 2 Kollektionen, der Pro-Plan 2.500 in 10 Kollektionen.

Wie hat sich Framer entwickelt?

Framer startete als reines Prototyping-Tool für Designer ähnlich zu Figma und ist heute ein vollwertiger Website-Builder mit Hosting, CMS und dem fortgeschrittenen Framer Agent, der KI in Framer.

Was kostet Framer?

Der Free-Plan kostet 0 Euro. Basic kostet 10 Euro im Monat bei jährlicher Zahlung, 15 Euro bei monatlicher. Pro kostet 30 Euro bzw. 45 Euro. Dazu kommen rund 1 Euro Domainkosten und in Deutschland 19 Prozent Mehrwertsteuer, wenn du privat kaufst.

Was ist im Framer Free-Plan enthalten?

Unbegrenzt viele Projekte, Veröffentlichung auf einer Framer-Subdomain, 1.000 Seiten pro Projekt, 10 CMS-Kollektionen, 1 GB Bandbreite, eine Sprache zum Testen und bis zu 3 Editoren. Dazu einmalig 500 KI-Credits. Nicht enthalten: eigene Domain und Entfernen des Framer-Logos.

Was kostet der Framer Basic-Plan?

10 Euro im Monat bei jährlicher Zahlung, 15 Euro bei monatlicher, jeweils netto ohne Domain. Enthalten sind: eigene Domain, 30 Seiten, 1.000 CMS-Items in 2 Kollektionen, 50 GB Bandbreite, 1.000 KI-Credits pro Monat.

Was kostet der Framer Pro-Plan?

30 Euro im Monat bei jährlicher Zahlung, 45 Euro bei monatlicher. Enthalten: 150 Seiten, 2.500 CMS-Items in 10 Kollektionen, 100 GB Bandbreite, 3.000 KI-Credits, Branching, Staging, Redirects und Rollenrechte.

Welcher Framer-Plan passt zu meinem Projekt?

Free zum Bauen und Testen bis zur Live-Schaltung. Basic für 10 Euro im Monat für Portfolios, kleine Business-Seiten und Blogs bis 1.000 Beiträge. Pro für 30 Euro, sobald du mehr als 2 CMS-Kollektionen, Branching oder Staging brauchst.

Lohnt sich das Framer-Jahresabo?

Ab 8 Monaten Laufzeit lohnt sich das Jahresabo. Basic kostet jährlich 10 statt 15 Euro im Monat; das spart 60 Euro im Jahr. Pro kostet 30 statt 45 Euro; das spart 180 Euro im Jahr. Auch Editoren und Sprachen sind im Jahresabo günstiger.

Fällt bei Framer Mehrwertsteuer an?

Ja, 19 Prozent, wenn du ohne USt-ID kaufst (also als Privatperson oder Einzelunternehmen). Beim Basic-Plan sind das 1,90 Euro im Monat zusätzlich, beim Pro-Plan 5,70 Euro. Mit gültiger USt-ID als Unternehmen entfällt der Aufschlag natürlich.

Sind Domainkosten im Framer-Abo enthalten?

Nein. Rechne mit 10 bis 15 Euro im Jahr, also rund 1 Euro im Monat, dazu eventuell 3 bis 6 Euro Einrichtungsgebühr.

Ausnahme: Beim Jahresplan bekommst du das erste Jahr eine kostenlose Domain über Framers Partner Hover.

Was kostet eine Framer-Website im Monat wirklich?

Rechenbeispiel für eine Portfolio-Seite mit Blog: Basic-Plan 10 Euro, Mehrwertsteuer 1,90 Euro, Domain 1 Euro. Macht 12,90 Euro im Monat oder 155 Euro im Jahr. Die gesamte Entwicklung bis zur Veröffentlichung bleibt im Free-Plan kostenlos.

Gibt es bei Framer eine kostenlose Domain?

Ja, seit dem 8. Januar 2026 beim Jahresplan, allerdings nur für das erste Jahr. Danach zahlst du den normalen Domain-Tarif. Die Domain läuft über Framers Partner Hover, bei anderen Anbietern greift der Deal nicht.

Was kostet ein zusätzlicher Editor in Framer?

20 Euro im Monat bei jährlicher Zahlung, 30 Euro bei monatlicher. Framer hat den Preis zuletzt halbiert, vorher waren es 40 Euro. Für reinen CMS-Zugriff gibt es den Content Editor für 10 bzw. 15 Euro. Betrachter zahlen nichts.

Was ist ein Content Editor in Framer?

Eine Rolle mit reinem CMS-Zugriff für 10 Euro im Monat im Jahresabo, 15 Euro monatlich. Gedacht für Leute, die Inhalte pflegen, aber nicht am Design arbeiten. Ein voller Editor kostet doppelt so viel.

Was kostet Mehrsprachigkeit in Framer?

20 Euro pro Sprache und Monat im Jahresabo, 25 Euro monatlich. Der Basic-Plan erlaubt 2 Sprachen, der Pro-Plan 20. Alternativ kannst du Seiten manuell duplizieren und übersetzen, verlierst dabei aber automatische Spracherkennung und SEO-Vorteile.

Was kostet Framer Convert?

50 Euro für 500.000 Events, abgerechnet nach Kontingent. Ein Event ist ein Seitenaufruf, Klick oder Formular-Absenden. Enthalten sind Funnels, erweiterte A/B-Tests und Trigger. Verfügbar nur in Pro und Enterprise.

Gibt es den Framer Scale-Plan noch?

Nein, Framer hat ihn mit Version 3.0 im Juni 2026 gestrichen. Es bleiben Basic für 10 Euro, Pro für 30 Euro und Enterprise auf Anfrage. Die früheren Scale-Grenzen erreichst du im Pro-Plan über einzeln zubuchbare Erweiterungen.

Kann ich die Limits im Framer Pro-Plan erweitern?

Ja, gegen Aufpreis im Monat: 20 Euro je 100 Seiten bis 700, 40 Euro je 10 CMS-Kollektionen bis 40, 20 Euro je 10.000 CMS-Items bis 40.000 und 40 Euro je 100 GB Bandbreite bis 2 TB. Auch Credits, Editoren und Sprachen sind zubuchbar.

Wie viele Seiten erlaubt mein Framer-Plan?

Basic erlaubt 30 Seiten und Pro 150 Seiten. CMS-Seiten zählen allerdings separat: 1.000 im Basic, 2.500 im Pro. Im Pro-Plan kannst du 100 weitere Seiten für 20 Euro im Monat dazukaufen, bis maximal 700 Seiten.

Wie viele CMS-Kollektionen bekomme ich bei Framer?

Free 10, Basic 2, Pro 10. Im Pro-Plan kannst du 10 weitere für 40 Euro im Monat dazubuchen, bis maximal 40. Der Basic-Plan hatte früher nur 1 Kollektion, Framer hat das im Juni 2026 verdoppelt.

Wie viel Bandbreite habe ich bei Framer?

Im kostenlosen Plan hast du 1 GB im Monat, bei Basic 50 GB und bei Pro 100 GB. Im Pro-Plan kostet jedes weitere 100-GB-Paket 40 Euro im Monat, bis maximal 2 TB. Beim Basic-Plan hat Framer die Bandbreite zuletzt von 10 auf 50 GB verfünffacht.

Gibt es Rabattcodes für Framer?

Ja, aktuell funktionieren über diesen Link PARTNER25PROYEARLY und FRAMER25INFLUENCER bei jährlicher Abrechnung. Beide geben 25 Prozent auf das erste Jahr.

Gibt es Framer kostenlos für Studenten?

Ja, eingeschriebene Studierende bekommen nach Verifizierung 100 Prozent Rabatt auf den Basic-Plan, also mindestens 120 Euro im Jahr geschenkt. Der Status läuft nach 12 Monaten aus und muss erneuert werden.

Bekommen Startups Framer kostenlos?

Ja, verifizierte Startups bekommen den Pro-Plan ein Jahr kostenlos. Das entspricht mindestens 360 Euro.

Welche Vorteile haben Agenturen bei Framer?

Verifizierte Agenturen ab 3 Mitarbeitern bekommen kostenlose Editoren-Plätze ohne Limit, also Projektzugänge ohne Mehrkosten. Dazu kommen Early Access auf neue Features und Support über einen eigenen Slack-Kanal.

Gibt es bei Framer Sonderregeln für Non-Profits?

Ja. Überschreitet dein Non-Profit- oder Open-Source-Projekt die Limits bei Bandbreite oder Formularen, zeigt sich Framer nach eigener Aussage kulant. Du musst dafür den Support anschreiben.

Wie entferne ich das Framer-Logo von meiner Website?

Mit dem Wechsel auf einen bezahlten Plan, also ab 10 Euro im Monat im Basic-Abo und 30 Euro im Pro-Abo monatlich. Im Free-Plan lässt sich das Logo nicht entfernen.

Kann ich im Framer Free-Plan eine eigene Domain nutzen?

Nein. Im Free-Plan kannst du nur auf einer Framer-Subdomain wie projekt.framer.website veröffentlichen. Für deine eigene Domain brauchst du mindestens den Basic-Plan für 10 Euro im Monat.

Was ist der Framer Agent?

Die KI direkt im Framer-Editor. Sie sieht denselben Canvas, dieselben Komponenten, dasselbe CMS und dieselben SEO-Einstellungen wie du. Der Vorteil von Framer ist hier gegenüber Lovable & co. enorm: Alles, was der Agent baut, bleibt anschließend von Hand editierbar.

Was kann der Framer Agent?

Seiten aus Prompt oder Screenshot bauen, Breakpoints anpassen, Farb- und Textstile vereinheitlichen, Effekte und Custom Components erstellen, CMS-Kollektionen anlegen und befüllen, SEO-Metadaten schreiben, die Seite auf tote Links und Barrierefreiheit prüfen, Inhalte übersetzen - die Liste ist schier endlos, da der Framer Agent im Prinzip Zugriff auf alle Funktionen hat.

Welche KI-Modelle bietet der Framer Agent?

Aktuell alle verfügbaren ChatGPT- und Claude-Modelle. Je nach Modell fällt der Credit-Verbrauch unterschiedlich aus.

Was sind Framer-Credits?

Die Abrechnungseinheit für KI-Nutzung. Credits gelten workspace-weit und stapeln sich über Projekte: zwei Basic-Projekte ergeben 2.000 Credits im Monat. Enthalten sind 1.000 Credits im Basic-Plan und 3.000 im Pro-Plan. Im Free-Plan bekommst du einmalig 500 Credits zum Testen.

Was kosten zusätzliche KI-Credits in Framer?

Aktuell 17,85€ (ohne MwSt.) je 1.000 Credits pro Monat. Der Preis ist linear, es gibt keinen Mengenrabatt: 10.000 Credits kosten das Zehnfache. Zusatzkosten werden auch beim Jahresabo monatlich abgebucht.

Erstattet Framer Credits bei schlechten KI-Ergebnissen?

Ja. Klicke in der Änderungsübersicht im Chat auf „Mark as Bad“, dann bekommst du die Credits zurück. Framer nutzt die Meldung gleichzeitig zur Verbesserung der Modelle, das heißt, dass deine Nachrichten dadurch womöglich vom Framer-Team gelesen werden.

Wie spare ich Framer-Credits?

Nutzt du ohnehin Claude, Codex oder Cursor, verbindest du dein eigenes KI-Abo über die External Agent-Funktion mit Framer und verbrauchst dabei keine Framer-Credits. Außerdem sparst du mit dem leichteren Modell Sonnet 4.6 zehn Prozent pro Anfrage.

Was sind External Agents in Framer?

Externe KI-Werkzeuge wie Claude Code, Cursor oder Codex, die über eine offizielle Schnittstelle direkt in deinem Framer-Projekt lesen und bauen. Sie können dasselbe wie der normale Framer Agent, laufen aber über dein eigenes KI-Abo statt über Framer-Credits.

Kann ich Framer mit Claude verbinden?

Ja, mithilfe der External Agents. Claude liest und verändert dein Projekt wie der interne Agent, verbraucht dabei aber dein Claude-Kontingent statt Framer-Credits.

Was ist Branching in Framer?

Branching ist das Versionssystem wie bei GitHub, direkt im Editor. Du arbeitest nach Wahl in einer abgetrennten "Version" deines Projekts, vergleichst dann Änderungen und führst sie nach Prüfung zusammen in die Live-Seite. Branching ist das Sicherheitsnetz für KI-Arbeit: Misslungene Agent-Ergebnisse landen nie in der Live-Seite. Branching ist verfügbar ab dem Pro-Plan.

Ab welchem Framer-Plan gibt es Branching?

Ab dem Pro-Plan für 30 Euro im Monat. Im Free- und Basic-Plan steht Branching nicht zur Verfügung.

Was ist Framer Workshop?

Framers Komponenten-KI. Du beschreibst per Prompt, was ein Modul können soll, etwa einen Ladebalken vor dem Seiteninhalt, und Workshop schreibt die Code-Komponente. Du aktivierst es im Editor unter Assets im Bereich Code. Workshop verbraucht deine Agent-Credits.

Baut die Framer-KI meine Website komplett allein?

Sie kann es auf Wunsch, der große Vorteil dabei: In Framer bleibt alles, was der Agent baut, von Hand editierbar. Reine KI-Builder wie Lovable erzeugen Code, bei dem du für jedes Detail neu prompten musst. Framer setzt die KI stattdessen in den bestehenden Editor.

Wie erstelle ich einen Framer-Account?

Du trägst deine Mailadresse ein und bekommst einen Login-Link zugeschickt, den du im selben Browser öffnest. Kein Passwort, keine Kreditkarte. Danach landest du direkt im Dashboard.

Brauche ich ein Passwort für Framer?

Nein. Framer arbeitet mit Magic Links: Bei jeder Anmeldung bekommst du eine Mail mit einem einmaligen Link, den du im selben Browser öffnest.

Brauche ich für Framer eine Kreditkarte?

Nein. Registrierung und Free-Plan sind ohne Zahlungsdaten nutzbar, es gibt auch kein automatisch auslaufendes Probeabo. Du kannst sogar veröffentlichen, bevor du dich für einen Bezahlplan entscheidest.

Wie fange ich mit Framer an?

Nachdem du deinen Account kostenlos angelegt hast, kannst du ein Projekt entweder aus einer bestehenden Vorlage oder im leerem Canvas starten.

Wie veröffentliche ich meine Framer-Website?

Über den Publish-Button oben rechts oder mit dem Shortcut Cmd + Shift + P bzw. Strg + Shift + P. Im Free-Plan geht die Seite auf einer Framer-Subdomain live, ab Basic kannst du deine eigene Domain hinzufügen. Die DNS-Verknüpfung mit IONOS, Strato & co. läuft automatisch.

Wie viele Projekte kann ich in Framer anlegen?

Unbegrenzt viele, auch im kostenlosen Plan. Limits greifen erst beim Veröffentlichen mit eigener Domain.

Gibt es Framer als Desktop-App?

Ja, für macOS und Windows. Einzelne Funktionen gibt es tatsächlich nur in der App, etwa der Export von Canvas-Elementen als JPG, PNG oder Vektorgrafik.

Was ist ein Container in Framer?

Ein Element, das andere Elemente gruppiert, auch Parent Layer genannt. Er bestimmt Abstände, Ausrichtung und Layoutform, die enthaltenen Elemente heißen Children. Eine komplette Website besteht aus einer Hierarchie solcher Container.

Was ist ein Frame in Framer?

Das Grundelement, aus dem Container entstehen. Du erstellst ihn mit der Taste F oder über den Button neben dem Plus und ziehst ihn auf dem Canvas auf. Über „Layout“ im Property-Panel machst du daraus einen Container mit Abstands- und Ausrichtungsregeln.

Welche Layout-Formen gibt es in Framer?

Vier: Liste, Spalten, Raster und Masonry. Masonry eignet sich für Bildergalerien mit unterschiedlich hohen Elementen. Du stellst die Form im Property-Panel unter „Layout“ ein. In einem Framer musst du das Layout dort erst aktivieren.

Welche Positionierungsarten gibt es in Framer?

Vier: Relative als Standard, das Element bleibt im Layoutfluss. Absolute für freie Platzierung, gemessen vom Rand. Fixed bleibt beim Scrollen sichtbar, funktioniert nur im obersten Layer. Sticky bleibt im Fluss und klebt ab einer festgelegten Position.

Wann nutze ich in Framer absolute Positionierung?

Wenn ein Element unabhängig von den anderen sitzen soll, etwa ein Badge in einer Ecke. Gemessen wird der Abstand zum Rand. In allen anderen Fällen bleibst du bei relativer Positionierung, damit das Element im Layoutfluss bleibt.

Wie mache ich eine Navigationsleiste in Framer sticky?

Setze die Position im Property-Panel auf Fixed, damit die Leiste beim Scrollen sichtbar bleibt. Das funktioniert nur im obersten Layer, nicht in verschachtelten Containern. Soll die Leiste erst ab einem bestimmten Punkt kleben, nimmst du Sticky.

Welche Größenmodi gibt es in Framer?

Vier unter „Size“: Fill füllt den verfügbaren Platz, Relative richtet sich nach dem Elternelement, Fixed setzt eine feste Größe, Fit passt sich dem Inhalt an.

Was sind Breakpoints in Framer?

Umschaltpunkte, die festlegen, wie dein Layout auf verschiedenen Bildschirmgrößen aussieht. Standardmäßig gibt es drei: Desktop, Tablet und Smartphone. Du kannst sie anpassen oder eigene ergänzen.

Wie füge ich in Framer einen Breakpoint hinzu?

Wähle den Balken über dem aktuellen Breakpoint aus und klicke rechts auf das Plus-Symbol. Der neue Breakpoint wird vom bestehenden abgeleitet.

Vererben sich Änderungen zwischen Framer-Breakpoints?

Nur nach "unten". Änderungen am primären Breakpoint, normalerweise Desktop, gelten für alle anderen. Änderungen an einem abgeleiteten Breakpoint bleiben dort. Arbeite deshalb Grundlegendes immer zuerst am primären Breakpoint.

Was sind Styles in Framer?

Gestaltungsvorgaben im Assets-Tab, die du projektweit einstellen kannst. Anlegen kannst du sie für Schriften, Farben und Link-Darstellungen. Änderst du einen Style, ändert sich jedes Element, das ihn nutzt.

Wie lege ich in Framer einen Textstyle an?

Im Assets-Tab neben „Styles“ auf das Plus klicken und „Text“ wählen. Dann kannst du die Kategorie bestimmen: H1 für die Hauptüberschrift, H2 bis H6 für Unterüberschriften, P für Lauftext. Die richtige Kategorie ist auch für SEO wichtig.

Sollte ich in Framer px oder rem nutzen?

Nimm rem, damit Schriftgrößen relativ skalieren können. Den Basiswert stellst du pro Breakpoint im Property-Panel unter „Typography“ bei „Base“ ein. Pixel funktionieren auch, sind bei responsiven Layouts aber unflexibler, was aber auch gewollt sein kann.

Wie lege ich in Framer eine Farbe als Style an?

Klicke im Assets-Tab neben „Styles“ auf das Plus und wähle „Color“. Die Farbe kannst du per Colorpicker oder HEX-Code setzen und benennen. Für einen Dark Mode kannst du im selben Panel direkt die dunkle Variante hinterlegen.

Kann ich in Framer eigene Schriftarten hochladen?

Ja. Im Dashboard oben links auf „Settings“, dann im Tab „Workspace“ zu „Fonts“. Dort kannst du WOFF2- oder TTF-Dateien hochladen, sie stehen danach in allen Projekten des Workspaces bereit. Besonders wichtig, wenn du aus Datenschutzgründen auf Google Fonts verzichten willst.

Kann ich Grafiken aus Framer exportieren?

Ja, in der Desktop-App für macOS und Windows. Wähle das gewünschte Element aus und scrolle im Property-Panel zu „Export“. Möglich sind JPG, PNG und Vektorgrafiken, auf Wunsch auch mehrere Formate und Auflösungen gleichzeitig.

Was ist eine Komponente in Framer?

Ein wiederverwendbarer Baustein, den du einmal baust und beliebig oft einsetzt. Jede Kopie der Komponente heißt Instanz und bleibt mit der Hauptkomponente verbunden: Änderst du die Hauptkomponente, ändern sich alle Instanzen im ganzen Projekt. Typische Beispiele für Komponenten sind Buttons, Navigationsleisten, Karten und Footer.

Wie erstelle ich in Framer eine Komponente?

Baue ein Element auf dem Canvas, mache einen Rechtsklick und gehe auf „Create Component“. Framer öffnet ein eigenes Canvas für diese Komponente, auf dem du Varianten anlegen kannst und festlegst, was Instanzen später anpassen dürfen (Variablen).

Was sind Varianten in Framer-Komponenten?

Verschiedene Zustände derselben Komponente, etwa Hover und Klick bei einem Button. Änderungen an der primären Variante gelten für alle abgeleiteten, einzelne Eigenschaften kannst du pro Variante überschreiben.

Wie mache ich Framer-Komponenten responsive?

Benenne deine Varianten genau wie deine Breakpoints, also Desktop, Tablet und Phone. Framer wählt dann automatisch die passende Variante aus, sobald du die Komponente in einem Breakpoint platzierst. Framer empfiehlt dieses Schema offiziell.

Was sind Variablen in Framer-Komponenten?

Einstellungen, die du pro Instanz freigibst, etwa Text, Link oder Sichtbarkeit. So bekommt jede Instanz eigene Inhalte, ohne dass du die Komponente duplizierst. Ein gutes Beispiel dafür ist ein Button, der ja je nach Verwendung einen anderen Text und einen anderen Link hat. Du kannst Variablen über das Plus neben der jeweiligen Einstellung im Property-Panel anlegen.

Kann ich Framer-Komponenten verschachteln?

Ja. Deine Button-Komponente kann Teil der Navigationsleisten-Komponente sein. Änderst du den Button, ändert er sich auch dort. Die Verbindung bleibt über alle Ebenen erhalten.

Wie ordne ich Komponenten in Framer?

Du kannst für Komponenten Ordner erstellen. Trick: Schrägstriche im Namen erstellen direkt Ordner. So bleibt die Bibliothek auch bei vielen Komponenten übersichtlich.

Wie teile ich Komponenten zwischen Framer-Projekten?

Über die Workspace-Bibliothek. Andere Projekte fügen die Komponenten als verknüpfte Instanzen ein und bekommen Updates automatisch. So entsteht ein echtes Design-System über Projekte hinweg statt verstreuter Einzelteile.

Kann ich Komponenten im Framer-CMS nutzen?

Ja, seit Anfang 2026 lassen sich eigene Komponenten direkt in Blogposts und andere CMS-Inhalte einbetten. Voraussetzung ist, dass die Komponente auf dem Canvas existiert. Variablen, Varianten und Ausrichtung kannst du pro Einbettung einstellen.

Was ist der Framer Marketplace?

Framers Plattform für Templates, Plugins, Komponenten und Vektor-Sets, alles von der Community. Dort findest du auch gecodete Komponenten mit Funktionen, die du sonst nicht bauen könntest.

Was ist das Framer CMS?

Framers integriertes System für dynamische Inhalte wie Blogartikel, Portfolio-Einträge oder Produktseiten. Du legst Kollektionen mit eigenen Feldern an und baust eine Detailseite, die für jeden Eintrag automatisch erzeugt wird.

Was ist On-Page Editing in Framer?

Seit Anfang 2026 kannst du Texte, Bilder, Elemente und Layout direkt im Browser bearbeiten, ohne den Editor zu öffnen. Gedacht ist das für Marketing-Teams, die Inhalte pflegen, aber nicht am Design arbeiten sollen.

Wie viele CMS-Items erlaubt mein Framer-Plan?

Basic erlaubt 1.000 Items in 2 Kollektionen, Pro 2.500 Items in 10 Kollektionen. Im Pro-Plan kannst du 10.000 weitere Items für 20 Euro im Monat dazubuchen, bis maximal 40.000.

Kann der Framer Agent CMS-Inhalte anlegen?

Ja. Der Agent legt Kollektionen an, importiert Inhalte, baut die passenden Detailseiten und schreibt SEO-Metadaten für jeden Eintrag.

Ist Framer gut für SEO?

Die technische Basis ist ideal: sauberer Code, Content Delivery Network, Meta-Tags, Sitemaps und Redirects direkt im Tool. Der Framer Agent schreibt auf Wunsch Metadaten und prüft die Seite auf tote Links.

Was ist AEO und kann Framer das?

AEO steht für Answer Engine Optimization und beantwortet, ob ChatGPT, Claude oder Gemini deine Seite finden und zitieren. Framer bietet dafür einen kostenlosen Scanner ohne Anmeldung.

Sehen ChatGPT und Claude meine Framer-Website?

Das kannst du in einer Minute mit Framers kostenlosem Scanner prüfen, ohne Anmeldung. Neben der klassischen robots.txt setzt sich gerade die llms.txt durch, die KI-Systemen eine maschinenlesbare Übersicht deiner Seite liefert.

Hat Framer eingebaute Analytics?

Ja, fortgeschrittene Analytics und SEO-Einstellungen sind in direkt eingebaut. Für A/B-Tests, Funnels und tiefes Marketing-Tracking gibt es zusätzlich Framer Convert ab 50 Euro für 500.000 Events.

Kann ich Framer mit Plugins erweitern?

Ja. Was Framer selbst nicht kann, kannst du über Plugins und Custom Code lösen, so etwa Shopify für Verkäufe.

Was ist die Framer API?

Eine Schnittstelle, über die Programme Framer-Projekte lesen und verändern können. Seit Framer 3.0 ist sie deutlich mächtiger und offiziell als Beta verfügbar.

Warum Framer, und nicht Webflow?

Webflow ist ein sehr mächtiges Tool, erfordert jedoch eine intensive Einarbeitung und ist stark entwicklerzentriert. Framer wurde bewusst anders gedacht: Der Fokus liegt auf einem intuitiven Design-Flow, der sich eher wie Figma anfühlt als wie klassische Webentwicklung.

Layouts, Animationen und Interaktionen lassen sich in Framer visuell umsetzen. Änderungen sind sofort sichtbar, Seiten können schnell iteriert und Inhalte unkompliziert gepflegt werden. Das macht Framer besonders attraktiv für Designer, Marketing- und Produktteams, die hochwertige Websites bauen möchten, ohne sich tief in technische Strukturen einarbeiten zu müssen.

Framer oder Wix und Squarespace?

Wix und Squarespace sind für einfache Seiten gemacht: schnell, template-basiert, wenig Lernaufwand. Framer gibt dir volle Design-Kontrolle, verlangt dafür etwas Einarbeitung. Für markenprägende Websites stößt du bei Wix und Squarespace schnell an gestalterische Grenzen.

Framer oder Lovable: was ist der Unterschied?

Lovable erzeugt Code aus Text-Prompts, du arbeitest danach mit generiertem Code statt in einem visuellen Editor. Jede Layout-Anpassung läuft über weitere Prompts. Framer setzt die KI in den bestehenden Editor, alles bleibt danach von Hand editierbar.

Warum nicht einfach eine Website per KI bauen lassen statt mit Framer?

Bei reinen KI-Buildern landest du in teuren Prompt-Schleifen, sobald es um Details geht. Framer kombiniert beides: Den mächtigen Framer Agent und danach volle manuelle Kontrolle im Editor. Dazu kommen etablierte SEO-Funktionen, CMS und Content Delivery Network ab Werk.

Was ist die Framer Community?

Eine Community-Plattform mit sechs Bereichen: Marketplace, Gallery, Awards, Social Feed, Members und Contests. Framer hat 2025 nach eigenen Angaben 6,5 Millionen Dollar an Creator ausgezahlt, ein Plus von 200 Prozent, bei über 7.000 aktiven Creators.

Wie oft bekommt Framer Updates?

Laufend, sogar oft wöchentlich. Viele Features entstehen übrigens aus Anfragen im Community-Forum.

Ist Framer kostenlos?

Framer kann vollständig kostenlos genutzt werden, bis du eine eigene Domain oder spezielle Zusatzfunktionen benötigst. Du kannst beliebig viele Seiten gestalten, das komplette Design ausarbeiten, interaktive Elemente bauen und deine Projekte mit Framer-Badge veröffentlichen – ohne zeitliche Einschränkung und ohne Zahlungsdruck.

Kosten entstehen erst dann, wenn du deine Webseite offiziell unter einer eigenen Domain veröffentlichen oder erweiterte Features nutzen möchtest. Genau das ist einer der großen Vorteile von Framer: Der gesamte Design- und Entwicklungsprozess ist kostenlos, bezahlt wird erst, wenn ein Projekt wirklich live gehen soll. Überzeugt?