Framer

Dieser Framer-Testbericht befasst sich mit den Einsatzbereichen des Framer-Website-Baukastens, seinen wichtigsten Funktionen, den Preisen und den anfallenden Kosten, dem Vergleich von Framer mit Webflow und Figma sowie seinen Schwachstellen. Framer wurde 2014 in Amsterdam als Prototyping-Tool für Designer gegründet und entwickelte sich zu einer Plattform für die Website-Erstellung: Man gestaltet auf einer frei gestaltbaren Arbeitsfläche, fügt Inhalte aus einem integrierten CMS hinzu und veröffentlicht die Website mit einem Klick auf dem Hosting von Framer. Framer bietet KI-Tools zur Erstellung eines ersten Layouts und von Komponenten, doch der Großteil der Arbeit findet in einem visuellen Editor statt, der eher einem Design-Tool als einem klassischen Vorlagen-Generator ähnelt. Das Unternehmen hat im August 2025 in einer Serie-D-Finanzierungsrunde 100 Millionen US-Dollar bei einer Bewertung von 2 Milliarden US-Dollar eingesammelt (TechCrunch), es handelt sich also nicht um ein Nebenprojekt, das wieder verschwinden wird.

Wofür wird Framer verwendet?

Framer wird zum Erstellen von Marketing-Websites genutzt: Landingpages für Startups und SaaS-Anbieter, Seiten für Produkteinführungen, Portfolios, Agentur-Websites, Blogs und Kampagnenseiten. Marketingteams schätzen es, dass sie Landingpages erstellen, Texte aktualisieren, Seiten hinzufügen und veröffentlichen können, ohne auf Entwickler warten zu müssen – was die Plattform bei Startups und Unternehmensteams beliebt macht. Designer schätzen es, dass das Ergebnis genau so aussieht, wie sie es entworfen haben – mit Scroll-Animationen und Interaktionen, für die andernorts individueller Code erforderlich wäre. Eine einfache Landingpage lässt sich an einem Nachmittag von einer leeren Leinwand zur veröffentlichten Website gestalten, und auch größere Websites mit Hunderten von Seiten und CMS-Sammlungen lassen sich damit betreiben.

Framer eignet sich weniger für Webanwendungen mit Benutzerkonten, Datenbanken oder komplexer Logik und verfügt über keinen integrierten Online-Shop. Für diese Anforderungen eignet sich ein Produkt-Builder wie Bubble oder WeWeb oder eine spezielle Shop-Plattform besser.

Wichtigste Funktionen

• Visuelle Arbeitsfläche: Framer bietet eine Design-Arbeitsfläche, auf der Sie eine Website auf einer leeren Leinwand mit Stacks, Rastern und Breakpoints für Desktop, Tablet und Smartphone erstellen können. Das Layout funktioniert wie ein Design-Tool, sodass Designer keine Programmierkenntnisse benötigen.
• Komponenten und Effekte: Wiederverwendbare Komponenten mit Varianten sowie Scroll-Animationen, Hover-Effekte und Seitenübergänge ohne Programmieraufwand. Für fortgeschrittene Nutzer stehen benutzerdefinierte Code-Komponenten in React zur Verfügung.
• Content-Management: CMS-Sammlungen für Blogs, Fallstudien, Stellenanzeigen oder Changelogs verwandeln eine statische Seite in dynamische Websites, auf denen Redakteure Inhalte, Bilder und SEO-Felder über eine einfache Benutzeroberfläche aktualisieren können.
• KI-Tools: „Wireframer“ generiert anhand einer Eingabe ein erstes Layout, „Workshop“ erstellt Komponenten und ein KI-Assistent hilft bei der Texterstellung und Übersetzung. Die KI-Nutzung wird je nach Tarif in KI-Credits abgerechnet.
• Lokalisierung: Übersetzen Sie eine Website in mehrere Sprachen – mit KI-Übersetzung und einer Sprachversion pro Sprache.
• SEO und Analysen: Meta-Tags, Sitemaps, Weiterleitungen, benutzerdefinierter Code im Head-Bereich und integrierte Analysen mit einem Verlauf von 30 oder 90 Tagen.
• Tools für die Zusammenarbeit: Mehrere Redakteure können gleichzeitig an derselben Website arbeiten, mit Kommentarfunktionen, sowie Content-Redakteure, die ausschließlich Texte und CMS-Elemente aktualisieren können.
• Vorlagen und Marktplatz: Vorgefertigte Vorlagen, Komponenten und Plugins, viele davon von der Community erstellt, zum Beispiel Vorlagen für Portfolios, SaaS- und Agentur-Websites.
• Figma-Import: Fügen Sie Figma-Entwürfe über das offizielle Plugin als Ausgangspunkt in Framer ein.

Preise für Framer

Framer berechnet die Kosten pro Website zuzüglich zusätzlicher Redakteure und Add-ons, sodass die Kosten für Framer vom Tarif und der Teamgröße abhängen. Die folgenden Tarife stammen von der Framer-Preisseite (Stand: September 2026).

• Kostenloser Tarif: 0 $. Eine Subdomain unter framer.website, 1 GB Bandbreite, bis zu 1.000 CMS-Elemente und 500 KI-Credits zum Ausprobieren. Keine eigene Domain.
• Basic: 10 $ pro Monat. Kostenlose eigene Domain, 30 Seiten, 2 CMS-Sammlungen, 1.000 CMS-Elemente, 50 GB Bandbreite, 30 Tage Analysefunktionen.
• Pro: 30 $ pro Monat. 150 Seiten, 10 CMS-Sammlungen, 2.500 CMS-Elemente, 100 GB Bandbreite, 90 Tage Analyse, Staging, Verzweigungen und Weiterleitungen. Zusätzliche Seiten, Sammlungen, Elemente und Bandbreite werden in Blöcken verkauft.
• Enterprise: individuelle Preisgestaltung, unbegrenzte Anzahl an Redakteuren, Unternehmenssicherheit, SSO und SCIM, A/B-Tests, unbegrenzter Analyseverlauf und eine Verfügbarkeitsgarantie.

Bei jährlicher Abrechnung fallen geringere Kosten an als bei monatlicher Zahlung, und im ersten Jahr ist eine kostenlose Domain enthalten.

Die Kosten, auf die man achten sollte, sind diejenigen, die über den Grundpreis hinausgehen. Jeder zusätzliche Editor kostet 20 US-Dollar pro Monat und jeder Content-Editor 10 US-Dollar pro Monat, die Lokalisierung kostet 20 US-Dollar pro Sprachversion, A/B-Tests im Pro-Tarif kosten 50 US-Dollar pro 500.000 Ereignisse, und Überschreitungen bei Seiten, CMS und Bandbreite sind kostenpflichtige Add-ons. Die Framer-Kosten für ein vierköpfiges Team auf einer mehrsprachigen Pro-Website betragen daher ein Vielfaches des angegebenen Preises von 30 $. Zählen Sie Editoren, Sprachen und Traffic zusammen, bevor Sie sich für einen kostenpflichtigen Tarif entscheiden; für die meisten Unternehmenswebsites ist der Pro-Tarif die realistische Preisbasis bei Framer.

Framer vs. Webflow

Sowohl Framer als auch Webflow ermöglichen die Veröffentlichung von Marketing-Websites ohne Programmieraufwand, und der Vergleich zwischen Framer und Webflow ist der, den die meisten Teams anstellen. Framer ist für Designer schneller zu erlernen und bietet von Haus aus raffiniertere Animationen. Webflow bietet Entwicklern mehr Kontrolle über den zugrunde liegenden HTML- und CSS-Code sowie ein umfangreicheres CMS, native E-Commerce-Funktionen, Logik und viele weitere Integrationen, darunter Zapier. Webflow bietet in kostenpflichtigen Tarifen einen Code-Export an; Framer verfügt über keinen Code-Export, sodass eine Framer-Website nicht auf einen eigenen Server migriert werden kann. Die Tarife von Framer sind im Einstiegsbereich zudem etwas günstiger, und im Gegensatz zu Squarespace oder Wix sind beide Plattformen eher für Designer als für Nutzer von Vorlagen konzipiert. Auf der eigenen Vergleichsseite von Webflow wird argumentiert, dass Webflow für große Teams besser skalierbar ist (Webflow, verfasst von einem Mitbewerber); für kleine und mittelgroße Marketing-Websites sind beide ein hervorragendes Werkzeug.

So erstellen Sie Websites mit Framer

Mit Framer können Sie ein neues Projekt auf drei Arten starten: anhand einer Vorlage, auf einer leeren Arbeitsfläche oder indem Sie die KI bitten, anhand einer Eingabe ein erstes Layout zu generieren. Wählen Sie eine Vorlage aus dem Marktplatz aus, wenn Sie ein schnelles Beispiel zum Anpassen suchen; beginnen Sie mit der Gestaltung auf der Leinwand, wenn Sie bereits ein Design haben. Ersetzen Sie den Text und die Bilder, erstellen Sie einzelne Komponenten für Kopfzeile, Fußzeile und Karten und verbinden Sie eine CMS-Sammlung, falls die Website einen Blog oder Fallstudien benötigt. Legen Sie die Seitentitel, Meta-Beschreibungen und grundlegenden SEO-Einstellungen fest, verbinden Sie bei einem kostenpflichtigen Tarif eine eigene Domain und veröffentlichen Sie die Seite. Die Framer Academy, die Dokumentation, Video-Tutorials und die Community-Foren sind die wichtigsten Ressourcen, während Sie sich mit der Benutzeroberfläche vertraut machen – und sie sind kostenlos.

Ist Framer einfach nur Figma?

Nein. Figma ist ein Design-Tool zum Erstellen von Designs und Prototypen; Framer ist ein Website-Builder, der das Design als Live-Website mit Hosting, einem CMS und SEO-Einstellungen veröffentlicht. Beide werden oft zusammen verwendet: Teams entwerfen in Figma, fügen Figma-Designs in Framer ein und vervollständigen sie als funktionierende Website. Framer begann als Prototyping-Tool, weshalb sich seine Arbeitsfläche für Designer vertraut anfühlt, doch heute liegt der Schwerpunkt auf der Veröffentlichung von Websites. Für reines UI-Design und die Arbeit am Designprozess bleibt Figma der Standard, während Framer das Tool ist, das diese Entwürfe in eine veröffentlichte Website verwandelt.

Wo Framer glänzt – und wo es Schwächen zeigt

Stärken:

• Gestaltungsfreiheit und Animationen, die den Entwürfen der Designer sehr nahekommen, mit voller Kontrolle über Layout und Bilder.
• Schnelle Veröffentlichung inklusive Hosting, SSL und einem CDN.
• Ein übersichtliches CMS und einfache Inhaltsbearbeitung für Marketingteams.
• KI-Tools, die schnell einen ersten Entwurf liefern.

Nachteile:

• Nicht einsteigerfreundlich für Personen ohne Erfahrung im Webdesign.
• Gebühren pro Redakteur und pro Sprachversion machen Team-Websites teuer.
• Kein integrierter E-Commerce; Shops sind auf Plugins oder Shopify angewiesen.
• Kein Code-Export und kein Selbsthosting.
• Der direkte Support beschränkt sich auf Abrechnungsfragen; bei technischen Fragen kommt die Hilfe laut Experte größtenteils aus Community-Foren, der Dokumentation und der Framer Academy.

Wie Framer im Vergleich abschneidet

• Webflow: mehr Kontrolle, integrierter E-Commerce und mehr Integrationen, dafür eine steilere Lernkurve.
• Wix: einfacher für Einsteiger und kleine Unternehmen, mit integrierten Shops und Buchungsfunktionen.
• Squarespace: Ausgefeilte Vorlagen und einfacher E-Commerce für Kreative und kleine Shops.
• WordPress: Open-Source, selbst gehostet und unbegrenzt erweiterbar, allerdings müssen Sie sich selbst um Hosting und Plugins kümmern.
• Figma: das Design-Tool, das viele Teams nutzen, bevor sie das Design in Framer übertragen.
• Builder.io: Ein visuelles CMS, das sich in eine bestehende React- oder Next.js-Codebasis integrieren lässt.
• Carrd: die günstigste Option für eine einfache Ein-Seiten-Website.
• Duda: Ein Website-Baukasten, der sich an Agenturen richtet, die viele Kundenwebsites verwalten.
• Shopify: die richtige Wahl, wenn die Website hauptsächlich als Online-Shop dient.

Lohnt sich Framer?

Framer lohnt sich für Designer, Start-ups und Marketingteams, die eine schnelle, ansprechende Marketing-Website wünschen, die sie selbst aktualisieren können – insbesondere, wenn Animationen und Markenqualität eine Rolle spielen. Der Pro-Tarif deckt die meisten Unternehmenswebsites und Landingpages ab, und der kostenlose Tarif reicht aus, um den Editor kennenzulernen, bevor man zu einem kostenpflichtigen Tarif wechselt. Im Vergleich zu anderen Plattformen eignet es sich weniger für Online-Shops, Web-Apps, Einsteiger, die einen vorlagengesteuerten Builder wünschen, oder große Teams, die viele Editoren und Sprachen bei knappem Budget benötigen. Wenn Sie Hilfe beim Entwerfen, Erstellen oder Migrieren einer Framer-Website benötigen, können die Webagenturen und Entwickler auf LowCodeDevs dies übernehmen.

Quellen

• Framer-Preise: Tarife, Beschränkungen, Editoren und Preise für Add-ons.
• Framer-Marktplatz-Plugins: Shopify- und Checkout-Plugins, die die E-Commerce-Lücke schließen.
• Framer erreicht eine Bewertung von 2 Mrd. US-Dollar, TechCrunch: Gründer, Finanzierung und Bewertung.
• Framer-Testbericht, Experte: Lernkurve, Support und SEO-Funktionen. Die dort genannten Preise („Mini“ für 5 $, „Basic“ ab 15 $) stammen aus der Zeit vor den aktuellen Tarifen, bei denen „Basic“ 10 $ und „Pro“ 30 $ kostet.
• Framer vs. Webflow, Zapier: Benutzerfreundlichkeit, Animationen und Integrationen.
• Eine leistungsstarke Framer-Alternative: Webflow – Webflows Argumente für einen Wechsel (verfasst von einem Mitbewerber).