Webflow gegen Framer. Analyse des Experten.

Author

Webflow vs Framer: Allgemeiner Vergleich.

Lassen Sie uns zunächst den allgemeinen Vergleich von Webflow und Framer durchgehen, in dem die wichtigsten Vor- und Nachteile behandelt werden.

Sowohl Webflow als auch Framer sind visuelle Erbauer für Websites, die besten Tools auf dem Markt
Derzeit hat Webflow aufgrund der längeren Verweildauer auf dem Markt mehr Websites auf seiner Plattform erstellt. Webflow haben um Über 720.000 Websites erstellt, während Framer bei Über 70.000.
Webflow hat 7 Lagepläne insgesamt plus 2 für Lokalisierungs- und Unternehmenslösungen, während Framer bietet 3 Lagepläne.
Beide bieten kollaborative (Team-) Pläne, während Webflow 7 verschiedene Varianten dieser Pläne anbietet, aufgeteilt zwischen internen Teams und Freelancern/Agenturen.
Für die Lernkurve bietet Framer nur eine Community-Seite mit mehreren Ressourcen vor Ort, während Webflow bietet Webflow-Akademie, Forum, Bibliotheken, YYouTube-Kanal, Marktplatz, Apps, und mehr.
Sie sind beide innovative Tools, aber Framers hat sie bereits integriert KI-Funktionalität, während Webflow nur angekündigt es vorerst.

‍

Für wen ist Webflow gemacht?

Marketingteams

Dies ist etwas, das Webflow aufgrund seines robusten CMS stark vorantreibt, das ihnen dank seiner benutzerfreundlichen, visuellen Oberfläche die volle Kontrolle über die Website gibt, ohne mit Entwicklern in Kontakt zu treten.

Unternehmen, die Komplettlösungen benötigen

Es ist perfekt für Unternehmen, die eine Komplettlösung benötigen. Vor allem, weil es nicht nur ein „Design-Tool“ ist, sondern die gesamte Webentwicklung unterstützt, einen vollständigen Zyklus vom Design bis zur Bereitstellung.

Freelancer und Agenturen

Diejenigen, die professionelle Websites für Kunden bereitstellen, profitieren von den leistungsstarken Designfunktionen von Webflow in Kombination mit seinen umfangreichen Funktionen, einschließlich SEO-Tools und kundenfreundlichen Funktionen.

Startups und wachsendes Geschäft

Für Unternehmen, die sowohl optisch ansprechende als auch leistungsstarke Websites benötigen, bietet Webflow die perfekte Balance. Aufgrund seiner Designflexibilität gepaart mit robusten Backend-Funktionen eignet es sich für dynamische, skalierbare Webprojekte.

Wer sollte Framer verwenden?

Kleine Teams und Freelancer

Es ist perfekt für kleine Teams und einzelne Designer, die High-Fidelity-Prototypen und visuell atemberaubende Websites erstellen möchten. Ihr Fokus auf Design und Interaktionen macht es ideal für ihre Zwecke.

Kleine Unternehmen

Für kleine Unternehmen, die eine Online-Präsenz mit schönen Websites aufbauen möchten, bietet Framer Tools zur Erstellung visuell beeindruckender Websites mit modernen Interaktionen.

Projekte, bei denen Design an erster Stelle steht

Wenn das Hauptziel darin besteht, eine visuell ansprechende und interaktive Website zu erstellen, wird Framers Design-First-Ansatz dies im Detail ermöglichen.

Überblick über die Benutzeroberfläche

Das Beste an Framer ist, dass es Sie an Designtools erinnert, die Designer täglich verwenden. Was zu dem Schluss führt, dass Framer designerorientiert ist, während Webflow eher ein Entwicklungstool ist.

Framer hat viele Funktionen und ist nicht nur für Designer konzipiert, es gibt auch eine breite Palette von Lösungen für Nicht-Designer mit verschiedenen Möglichkeiten.

Vor diesem Hintergrund würde ich nicht sagen, dass Framer schwer zu erlernen ist, insbesondere für Designer aufgrund seiner Ähnlichkeit mit Designtools wie Figma, aber für Nicht-Designer könnte es schwierig sein, insbesondere aufgrund des Mangels an Ressourcen, von denen sie lernen können.

Um ganz objektiv zu sein: Webflow ist aufgrund seiner Komplexität im Vergleich zu Framer viel schwieriger zu erlernen. Webflow bietet jedoch ein viel höheres Maß an Anpassungsfähigkeit, was auch bedeutet, dass Sie tiefer eintauchen müssen, um dieselben Ergebnisse zu erzielen. Außerdem haben Sie die Möglichkeit, komplexere Lösungen zu erstellen.

Die Oberfläche von Webflow selbst sieht viel komplexer aus als die von Framer, was Ihnen genug über Anpassungsmöglichkeiten sagt.

Einer der Hauptunterschiede in der Benutzeroberfläche besteht darin, dass die Optionen von Webflow an den Seiten ausgerichtet sind, während die Optionen von Framer größtenteils herumfliegen. Framer verwendet keine Klassen, was bedeutet, dass Sie dieselben Elemente nicht wiederverwenden können und Dinge manuell ändern müssen, was zeitaufwändig sein kann.

Ein weiterer großer Unterschied sind Komponenten. In Webflow können Sie nur eine Komponente mit allen Zuständen und Animationen erstellen, aber in Framer müssen Sie für jeden Status eine separate Komponente erstellen. Das bedeutet, dass Sie mehrere Komponenten für eine Schaltfläche benötigen, sodass Sie den Status „Hover“, „gedrückt“ und andere Funktionen hinzufügen können.

Ganz zu schweigen davon, dass Animationen in Framer begrenzt sind, was im Vergleich zu Webflow, wo Sie Animationen nach Belieben anpassen können, ein Nachteil sein kann.

‍

CMS-Funktionen

Sowohl Webflow als auch Framer verfügen über ziemlich ähnliche CMS-Funktionen. Sie können beide eine neue Sammlung erstellen und Elemente hinzufügen.

Standardmäßig hast du beim Erstellen eines CMS einen Titel, einen Slug und einen Inhalt, aber du kannst deine Sammlung weiter anpassen, indem du weitere Felder wie Klartext, formatierter Text, Link, Bild, Farbe, Umschalter, Option, Datei und mehr hinzufügst.

Der Hauptunterschied zwischen diesen beiden Plattformen in CMS ist die Anzahl der Sammlungsfelder, die in Webflow etwas größer ist, und dass Webflow komplexere Felder wie Referenz und Mehrfachreferenz bietet, mit denen Sie auf andere Sammlungen verweisen können.

Dies führt zu einer leistungsfähigeren CMS-Sammlung, einer verbesserten Benutzererfahrung und einer besseren Website-Funktionalität.

Preispläne

Preispläne sind immer komplex zu unterteilen, und wir haben eine separate Blog Beitrag zu diesem Thema, schau ihn dir unbedingt an. Die Preisgestaltung von Webflow ist komplex und Sie müssen wissen, dass dies unter den Website-Buildern nicht die günstigste Option ist.

Eine Website in Webflow zu erstellen ist frei, aber mit einem kostenlosen Tarif können Sie nicht viel anfangen. Darüber hinaus sind die Pläne unterteilt in Lagepläne und Workspace-Pläne. Webflow ermöglicht es Ihnen, dort eine Website zu hosten und sie auf ihrer Domain zu veröffentlichen, aber Sie benötigen einen Plan, wenn Sie sie auf einer benutzerdefinierten Domain veröffentlichen möchten.

Um eine Website in Webflow zu hosten, benötigen Sie eine Lageplan, das weiter unterteilt ist in Allgemeines und E-Commerce planen. Wenn mehrere Personen an einem oder mehreren Projekten arbeiten, benötigen Sie einen Workspace-Abo, das unterteilt ist in Pläne für interne Teams und für Freelancer und Agenturen. Sie werden auch „pro Sitzplatz“ berechnet, was bedeutet, dass Sie sie pro Person bezahlen müssen, die daran arbeitet.

Wie Webflow teilte auch Framer seine Pläne auf Standort und Mannschaft Preise und Sie können die meisten Funktionen kostenlos nutzen, aber einige wichtige Optionen sind gesperrt. Wenn du alleine arbeitest und eine Website veröffentlichen musst, kannst du eine der drei Optionen wählen — Mini, Grundlegend, und Profi.Hier ist die Aufschlüsselung der Pläne.

Miniplan:

5$ pro Monat
Für eine Landingpage + 404-Seite
Benutzerdefinierte Domain
Bis zu 1.000 Besucher pro Monat

Grundplan:

15$ pro Monat pro Website
Für persönliche Websites
Unbegrenzte Anzahl von Seiten
Suchlimit von 10 Seiten
1 CMS-Sammlung
Bis zu 10.000 Besucher pro Monat

Profi-Abo:

30$ pro Monat pro Website
Für größere Websites
Zugriff auf Analysen
Optionen für die Inszenierung
Leitet Funktionen um
10 CMS-Sammlungen
Suchlimit von 300 Seiten
200.000 Besucher/m

Für Teams können Sie zwischen Team Basic und Team Pro wählen.

Teambasis:

Live-Zusammenarbeit
Kommentare
Bis zu 5 Redakteure (der erste ist kostenlos)
1 GB Dateispeicher
7-tägige Versionshistorie

Teamprofi:

Alles von Team Basic
Projektberechtigungen
Bis zu 10 Redakteure (der erste ist kostenlos)
10 GB Dateispeicher
30-tägige Versionshistorie

‍

Direkter Vergleich der Preispläne

Die teuerste Preisoption für Webflow ist Plan für Unternehmen, was eine maßgeschneiderte Lösung ist und für die es keine Preisbegrenzung gibt, was dasselbe ist wie für eine Geschäftsplan für Framer und daher können wir sie nicht vergleichen.

Außerdem Der teuerste Webflow-Plan heißt Business und kostet 39$ pro Monat, während Der bestbezahlte Tarif von Frame heißt Pro und kostet 30 US-Dollar pro Monat. Beide werden jährlich bezahlt, während die monatlichen Tarife für Webflow 49 USD pro Monat und für Framer 40 USD pro Monat betragen.

Vergleich des Geschäftsplans von Webflow und des Pro-Plans von Framer

Hosting-Optionen. Webflow bietet bis zu 400 GB Bandbreite sowie bis zu 300.000 monatliche Besucher. Der Pro-Plan von Framer ist auf 100 GB Bandbreite und 200.000 Besucher begrenzt. Webflow ermöglicht außerdem bis zu 20.000 Benutzerkonten und 2.500 monatliche Formularübermittlungen
CMS. Webflow bietet bis zu 10.000 CMS-Artikel, während Framer dies auf 10 CMS-Sammlungen begrenzt. Darüber hinaus hat Framer für diesen Plan ein Limit von 10.000 Artikeln für einzelne Artikel festgelegt, während der Business-Tarif von Webflow jede Sammlung ebenfalls auf 60 Artikel begrenzt.
Publizieren. Beide Optionen bieten schnelle und einfache Veröffentlichungsoptionen für benutzerdefinierte Domains. Für keines der kostenpflichtigen Tarife auf Webflow und Framer gibt es Banner.

Beide bieten hervorragende Sicherheits- und Passwortschutzoptionen sowie verschiedene andere Hosting-Funktionen, darunter SLAs mit einer Verfügbarkeit von 99,99%.

Neben diesem Vergleich ist es wichtig hervorzuheben, dass der Hauptvorteil von Webflow darin besteht, dass Sie bis zu 10 Inhaltseditoren hinzufügen können, um dynamische Inhalte auf Ihrer Website zu bearbeiten, was für alle großen Teams von entscheidender Bedeutung ist, während Framer dazu derzeit nicht in der Lage ist.

Eine Sache, die Framer nicht unterstützt, ist E-Commerce, da es dafür keinen Preisplan gibt. Ich gehe also davon aus, dass E-Commerce derzeit nicht unterstützt wird.

Verfügbare Tools

Der Hauptunterschied zwischen den Tools besteht darin, dass Framer ein einziges Tool ist, mit dem Sie Ihr CMS entwerfen und verwalten können, während Webflow robuster ist und zwei verschiedene Tools bietet, den Entwurfsmodus und den Bearbeitungsmodus. Designer ist ein Hauptwerkzeug zum Erstellen einer Website und ihrer dynamischen Inhalte, einschließlich Animationen, Logik, Code und mehr.

Der Bearbeitungsmodus dient eher der Bearbeitung und Verwaltung von Inhalten. Darüber hinaus können Sie den Bearbeitungsmodus buchstäblich in Ihrem Browser öffnen und direkt Text eingeben, um ihn zu bearbeiten, oder auf Bild/Video klicken, um ihn gegen ein anderes auszutauschen. Außerdem können Sie damit auf CMS zugreifen, um aktuelle dynamische Inhalte einfach zu bearbeiten oder neue Seiten aus erstellten Vorlagenseiten zu erstellen.

Jetzt ist der Bearbeitungsmodus besonders für große Teams nützlich, da mehrere Personen dasselbe tun und große Mengen an Inhalten gleichzeitig veröffentlichen können. Für die meisten Organisationen ist er ein entscheidender Faktor und ein unglaublich nützliches Tool.

‍

Vorlagen

Beide Tools haben und verwenden Vorlagen. Webflow hat eine kleine Menge an kostenlosen Vorlagen, aber die meisten von ihnen müssen gekauft werden, einige sind mehr als 100$ pro Vorlage wert und es gibt derzeit über 2.000 verfügbare Vorlagen auf dem Markt.

Framer bietet auch kostenlose und kostenpflichtige Vorlagen, die hochgradig anpassbar sind. Es wird geschätzt, dass Framer über 1.000 verfügbare Vorlagen auf dem Markt hat.

SEO

Webflow eignet sich hervorragend für SEO da du ganz einfach eine Weiterleitung vornehmen, globale Canonicals setzen und sogar automatisch eine Sitemap generieren oder robots.txt hinzufügen kannst. Bei Bedarf kannst du manuell Code für die Kanonisierung von Seiten, Schema-Markup, Paginierung und mehr hinzufügen.

Die wichtigste SEO-Funktion in Webflow ist, dass Webflow sauberen Code schreibt und es Ihnen ermöglicht, JS und anderen Code zu minimieren, um die Website zu optimieren, Bilder verzögert zu laden und eine Website zu erstellen, die auf Tools wie Google Lighthouse und anderen Testtools hervorragend abschneidet.

Framer verfügt über integrierte DSGVO-konforme Analysen, die auf GA4 basieren, was im Vergleich zu Webflow einen Fortschritt darstellt. Davon abgesehen bietet es ziemlich ähnliche Optionen wie Webflow, wenn es um SEO geht.

Die Wahrheit ist, dass keiner dieser Builder Ihnen eine zu 100% großartige SEO-optimierte Website bieten kann, wenn Sie bei der Gestaltung die SEO-Prinzipien nicht berücksichtigen. Es ist wichtig, nach dem Start Ihrer Website verschiedene SEO-/Inhaltsstrategien anzuwenden.

‍

Verfügbare Ressourcen

Beliebte Webflow-Funktionen Webflow-Universität, was Ihnen helfen kann, dieses Tool kostenlos zu beherrschen, aber es kostet Zeit und Mühe, es zu tun.

Darüber hinaus arbeitet Webflow aktiv daran, eine Community auf der ganzen Welt aufzubauen, die im Vergleich zu Framer viel größer ist. Um mitzumachen, können Sie eine der Konferenzen besuchen, an einem Webinar teilnehmen oder einfach dem Community-Forum beitreten. Webflow bietet sogar offizielle Prüfungen an, bei denen Sie Zertifikate erhalten können.

Darüber hinaus bietet Webflow verschiedene Blog-Themen an und hat kürzlich den Marketplace gestartet, auf dem Sie verschiedene Bibliotheken, Apps, Experten, Vorlagen finden und sogar Ihre Arbeit präsentieren können. Allerdings muss Webflow immer noch einen besseren Kundensupport bieten, da sie keinen 24/7-Support haben und es sehr schwierig ist, mit ihnen in Kontakt zu treten, es sei denn, Sie sind ein Unternehmenskunde.

In Framer wachsen die meisten Inhalte und Hilfen, die Sie im Community-Bereich finden, schnell und bieten verschiedene Lektionen, Tutorials, ein Forum und mehr. Es gibt einen separaten Abschnitt mit Ressourcen, in dem Sie nach verfügbaren Experten, Partnern und mehr suchen können.

Einsatz von KI

Framer hat ein großartiges KI-Tool! Sie geben einfach eine Eingabeaufforderung ein und sie erledigen den Rest für Sie, so einfach ist das.

Ehrlich gesagt machen sie einen ziemlich guten Job, was das Design angeht, aber ich würde nicht sagen, dass es großartig ist, da es im Vergleich zu guten Designern bestenfalls durchschnittliche Arbeit ist. Sie können das weiter nach Ihren Wünschen anpassen, aber es ist immer noch nicht ganz da, um Designern, Entwicklern, Textern und mehr auszuweichen.

Webflow hat einige Ankündigungen zu ihrer KI veröffentlicht und es klingt sehr vielversprechend, aber wir müssen noch auf den Einsatz in Echtzeit warten.

Fazit

Wie wir sehen können, gibt es keine Lösung, die für alle passt. Sie müssen entscheiden, welche Plattformen für Sie und Ihre Bedürfnisse geeignet sind. Sie müssen tief eintauchen und herausfinden, welche Lösungen für Sie am besten geeignet sind.

Wenn Sie ein Designer sind, ist Framer vielleicht ein guter Anfang und sie könnten wie Webflow expandieren, um mehr Dinge abzudecken und komplexe Websites zu verwalten, aber im Moment ist Webflow nur ein leistungsfähigeres Tool und eine Komplettlösung für Websites.

Da wir ein Webflow-Agentur und als einer der Experten auf diesem Gebiet wissen wir, wie mächtig dieses Tool ist, und wir müssen uns in dieser Hinsicht auf die Seite von Webflow stellen. Es ist nicht für jeden perfekt, das ist verständlich, aber recherchieren Sie, finden Sie heraus, welches Tool für Sie am besten geeignet ist, und wählen Sie dann die richtige Option für Ihr Projekt.

Talk to Our Webflow Experts

Book a call

Don't want to miss anything?

Get weekly updates on the newest design stories, case studies and tips right in your mailbox.