Illustration showing the Claude starburst logo and the Webflow logo inside two joined pill shapes on a purple background, with 'VS' between them.

Webflow vs. Claude Code: Was ist 2026 die richtige Wahl?

Wir sind auf Reddit auf jemanden gestoßen, der all seine Webflow-Seiten löscht und das als Befreiung von einem Unternehmen bezeichnet, das ihn jahrelang übervorteilt hat. Ein paar Threads weiter beschrieb jemand anderes, wie er eine persönliche Website mit Claude Code und kostenlosem Hosting erstellt hat. Doch er musste sie aufgeben, weil sich innerhalb weniger Tage die Fehler in der Google Search Console häuften. Und als er versuchte, diese mit KI zu beheben, tauchten an anderer Stelle neue kleine Probleme auf.

Wir wissen mit Sicherheit, dass beide die Wahrheit sagen. Und genau deshalb ist dieser Vergleich von Webflow vs. Claude Code nuancierter, als es auf den ersten Blick scheint. Wenn du jedoch wenig Zeit hast, hilft dir diese eine Frage, etwas Klarheit zu gewinnen: Wer in deinem Team wird sich in sechs Monaten um diese Website kümmern?

Mehr als 30 % der Enterprise-Kunden von Webflow nutzen bereits die MCP-Anbindung der Plattform an Claude. Laut einem Bericht von CMSWire vom Juli 2026 ist diese Nutzung seit Januar 2026 um das Vierfache gestiegen, wobei fast 90 % davon speziell über Claude erfolgen. Das „Entweder-oder“ weicht für einen bedeutenden Teil der Produktionsteams einem „Miteinander“.

Wir haben diesen Leitfaden für Gründer und Marketingteams geschrieben, die zwischen Webflow und Claude Codewählen müssen, damit ihr die richtige Plattform für euer Team findet oder beide für das beste Ergebnis kombiniert. Das erwartet dich:

  • Was Webflow und Claude Code eigentlich sind
  • Ein direkter Vergleich in Bezug auf Kosten, CMS, Designkontrolle, Wartbarkeit, SEO und Sicherheit
  • Ein Entscheidungsrahmen, der auf der Zusammensetzung deines Teams basiert
  • Wie eine reale Arbeitswoche bei der Veröffentlichung einer Kampagnenseite auf der jeweiligen Plattform aussieht
  • Der hybride Workflow
  • Die Risiken beim „Vibe Coding“ einer Website
  • Ob es wirklich sinnvoll ist, eine bestehende Webflow-Seite abzulösen, und wann nicht

Bevor wir irgendetwas vergleichen, hilft es, zu benennen, was eigentlich verglichen wird. Denn es handelt sich um unterschiedliche Kategorien von Tools, und genau diese Unterscheidung ist die Quelle der meisten Verwirrung in dieser Diskussion.

Kurzüberblick: Webflow vs. Claude Code

Kategorie Webflow Claude Code
Was es ist Visuelle Plattform, die Design, CMS und Hosting kombiniert KI-Coding-Agent, der Code aus Prompts schreibt und ausführt
Am besten geeignet für Teams, deren Website aktiv genutzt, erweitert und angepasst werden muss – ohne ständige Entwicklerhilfe Individuelle Funktionen, Prototypen und Teams, die den gesamten Full-Stack selbst verwalten können
Einstiegs-Tarif Kostenlos (Starter) Keine kostenlose Version; erfordert mindestens Claude Pro
Typische monatliche Kosten 25 $ bis 39 $ (Premium) 20 $ bis 200 $, je nach Tarif und Nutzung
Team-Tarif 2.500 $/Monat (Team), individuell (Enterprise) 100 $ bis 125 $ pro Nutzer/Monat (Mindestabnahme: 5 Nutzer)
Hosting Inklusive (AWS + Cloudflare CDN) Nicht enthalten; erfordert Vercel, Netlify oder Ähnliches
CMS Strukturiert und integriert (bis zu 20.000 Einträge, 40 Collections) Nicht vorhanden; muss selbst gebaut oder angebunden werden
Design-Kontrolle Pixelgenau, mit Design-Tokens, die sich automatisch vererben Prompt-basiert; erfordert präzise Vorgaben, um generische Ergebnisse zu vermeiden
Risiko bei Designqualität Visuelle Austauschbarkeit bei Nutzung derselben Komponentensammlungen „KI-Einheitsbrei“ (AI Slop) – also standardmäßig generische Schriftarten, Farbverläufe und Layouts
Wartbarkeit Design-Tokens und CMS-Templates sorgen dafür, dass Änderungen meist nur einmal gemacht werden müssen Jede Änderung erfordert einen neuen Prompt-, Review- und Deployment-Schritt
SEO & AEO Nativ integriert (Sitemaps, strukturierte Daten, AEO-Tools) Komplett manuell; muss selbst entwickelt und gepflegt werden
Sicherheit & Compliance SOC 2 Type II, DSGVO, SSO, DDoS-Schutz inklusive Nativ nicht vorhanden; muss manuell umgesetzt werden
Tempo bei der Erstversion Ein Nachmittag bei Nutzung bestehender Komponenten Für einen ersten Entwurf unter Umständen schneller
Tempo bei laufenden Änderungen Schnell; kein Code, keine Deployment-Pipeline erforderlich Durchläuft jedes Mal den vollständigen Zyklus aus Prompt, Review und Deployment
Team-Eignung Ideal für Teams mit mindestens 1 Marketer und ohne dedizierten Entwickler Ideal für Teams mit mindestens 2 Entwicklern und ohne dedizierten Marketer
Beste Kombination Hosting, CMS und Publishing verbleiben in Webflow Claude entwirft Inhalte und Seiten über die MCP-Schnittstelle von Webflow

{{freebie}}

Was ist Webflow?

Webflow's homepage displayed within the Webflow Designer interface, showing the headline "Make your website a growth engine." The page highlights features like Enterprise, Webflow AEO, and "The Future of Search," with a logo bar including Verifone, NCR Voyix, Monday.com, Spotify, TED, and Dropbox.

Webflow ist eine visuelle Plattform, die Design-Tool, CMS und Hosting in einer einzigen Umgebung vereint. Du gestaltest in einem browserbasierten Editor, der sauberen HTML-, CSS- und JavaScript-Code generiert, und veröffentlichst direkt auf der Webflow-Infrastruktur – ganz ohne Serververwaltung, Deployment-Pipelines oder Code-Repositories. Das CMS unterstützt strukturierte Inhaltstypen mit Referenzfeldern und Massenbearbeitung, während das Designsystem Variablen und wiederverwendbare Komponenten nutzt, die Änderungen automatisch auf der gesamten Website übernehmen. Webflow ist für Teams gemacht, deren Website mitwachsen und sich weiterentwickeln soll, ohne dass ständig ein Entwickler eingreifen muss.

{{cta}}

Was ist Claude Code?

Screenshot of Anthropic's Claude Code product page, showing the download options for macOS, Linux, and Windows, other access points including terminal, web, iOS, Android, GitHub, VS Code, JetBrains, and Slack, and an example dark mode toggle prompt in the interface.

Claude Code ist der terminalbasierte KI-Coding-Agent von Anthropic. Du beschreibst einfach in natürlicher Sprache, was du brauchst, und das Tool schreibt, bearbeitet und führt den Code direkt in deinem Projekt aus. Es kann in wenigen Minuten eine funktionierende Website aus einem Prompt erstellen, bietet jedoch kein natives CMS, kein integriertes Hosting und keinen eigenen Publishing-Workflow. Die gesamte Infrastruktur, die du für eine echte, gepflegte Website benötigst – von Hosting über Content-Management bis hin zur Sicherheit –, musst du entweder selbst aufbauen oder separat anbinden.

Seit Februar 2026 kann Claude Code jedoch direkt mit Webflow-Projekten verbunden werden über den MCP-Server von Webflow. Das bedeutet, dass es nicht mehr nur eine reine Alternative ist. Es kann CMS-Inhalte lesen und schreiben, Metadaten aktualisieren und Seitenelemente innerhalb einer bestehenden Webflow-Site entwerfen. Diese Verbindung verändert die Ausgangslage für einen Vergleich grundlegend.

Ein kurzer Hinweis zur Voreingenommenheit bei Webflow vs. Claude Code

Wenn du in letzter Zeit nach „Webflow vs. Claude Code“ gesucht hast, ist dir sicher aufgefallen, dass die meisten Vergleiche von Webflow-Agenturen stammen. Das ist keine Kritik – die Inhalte sind oft gut recherchiert und hilfreich. Aber es führt dazu, dass das Fazit meistens gleich ausfällt, egal wie die Frage lautet. Denn eine Agentur, deren Geschäft auf Webflow-Projekten basiert, hat ein nachvollziehbares, menschliches Interesse daran, Gründe für den weiteren Einsatz von Webflow zu finden.

Wir sind selbst Webflow-Partner und behaupten nicht, außerhalb dieser Dynamik zu stehen. Aber unsere Arbeit hängt nicht davon ab, für welche Plattform sich ein Kunde entscheidet. Wir werden für das Ergebnis bezahlt, nicht dafür, jemanden in eine bestimmte Richtung zu drängen. Wir haben oft genug von der Seitenlinie aus beobachtet, wie solche Entscheidungen ausgehen, um zu wissen: Die richtige Antwort hängt wirklich vom Team ab und nicht von einem universellen Gewinner.

„Wir werden öfter gefragt, welche Plattform man wählen sollte, als wie man die Website selbst gestalten soll. Die ehrliche Antwort ist meistens, dass die Plattform weniger wichtig ist als die Frage, ob überhaupt jemand im Team das Gebaute später auch pflegt.“

Maximilian Fleitmann Zitat über Claude Code vs Webflow
Maximilian Fleitmann
Mitgründer @ magier

Webflow vs. Claude Code: Der direkte Vergleich

Kosten

Die Webflow-Preise wurden im Mai 2026 vereinfacht, und die Kosten für Claude Code funktionieren anders, als die meisten erwarten. Deshalb lohnt es sich, die aktuellen Zahlen gegenüberzustellen. Die alten CMS- und Business-Pläne wurden zu einem einzigen Premium-Tarif zusammengefasst, der heute der Standard für die meisten professionellen Websites ist. Claude Code ist kein eigenständiges Produkt; es läuft über ein Claude-Abonnement und teilt sich das Nutzungskontingent mit dem Chat-Interface von Claude.

Kostenfaktor Webflow Claude Code
Einstiegs-Tarif Kostenlos (Starter) Keine kostenlose Version für Claude Code; erfordert mindestens Claude Pro
Typische monatliche Kosten für eine echte Website 25 $ bis 39 $/Monat (Premium, jährlich oder monatlich abrechenbar) 20 $ bis 200 $/Monat, je nach Tarif und Nutzung
Hosting inklusive Ja (AWS-Infrastruktur, Cloudflare CDN) Nein; du benötigst Vercel, Netlify, Cloudflare Pages oder Ähnliches
CMS inklusive Ja (20.000 Einträge, 40 Collections im Premium-Tarif) Nein; du musst ein eigenes bauen oder anbinden
Team-Tarif 2.500 $/Monat (Team), individuell (Enterprise) 100 $ bis 125 $ pro Nutzer/Monat (Mindestabnahme: 5 Nutzer für Claude Code Zugriff)

Der ehrliche Vergleich ist nicht Tarif gegen Tarif. Es ist die monatliche All-in-Gebühr von Webflow gegen die Kosten für das Claude-Abo plus separates Hosting plus deine eigene Zeit für Wartung und Fehlerbehebung bei dem, was Claude gebaut hat. Bei einer aktiven, wachsenden Website übersteigen die Gesamtkosten auf dem Claude-Code-Weg oft schon im ersten Jahr die von Webflow, sobald man den Zeitaufwand für die Wartung mit einrechnet.

Content-Management und CMS

In dieser Kategorie ist die Lücke am größten und für Marketingteams am folgenreichsten. Das CMS von Webflow ist eine strukturierte Inhaltsdatenbank. Jeder Inhaltstyp – ob Blogbeitrag, Fallstudie oder Teamprofil – liegt in einer Collection mit definierten Feldern, Verknüpfungen zu anderen Collections und präzisen Berechtigungen, wer bearbeiten und veröffentlichen darf. Dein Marketingteam kann neue Blogbeiträge hinzufügen, ohne dass ein Entwickler eingreifen muss. Massenimporte, Headless-API-Zugriff und bedingte Sichtbarkeit sind direkt integriert.

Claude Code hat kein CMS. Jede generierte Seite existiert als eigene Datei – ohne gemeinsames Update-System, ohne Möglichkeit, eine Inhaltsänderung auf mehrere Seiten zu übertragen, und ohne Workflow, der steuert, wer was veröffentlichen darf. Bei einer einfachen Website mit fünf Seiten mag das egal sein. Für ein Ressourcen-Hub mit Fallstudien, Blog, Integrationsseiten und lokalisierten Versionen für verschiedene Märkte wird das Fehlen eines CMS jedoch zu einem grundlegenden Problem statt nur zu einer kleinen Unannehmlichkeit. Um die Größenordnung zu verdeutlichen: Fivetran hat innerhalb eines Jahres über 130 Seiten mit dem Webflow-CMS veröffentlicht, und Nursa hat rund 40.000 Seiten in 19 Tagen migriert. Das lässt sich nicht umsetzen, wenn Seiten als einzelne Dateien gespeichert sind.

Webflow Claude Code
CMS Strukturierte Inhaltsdatenbank mit definierten Feldern und Verknüpfungen Nicht vorhanden; jede Seite ist eine eigene, eigenständige Datei
Veröffentlichen ohne Entwickler Ja, Marketer können Inhalte direkt hinzufügen Nein, jede Änderung erfordert einen Prompt und ein Review
Massen-Importe & Headless-API Integriert Nicht verfügbar
Übertragen von Inhaltsänderungen auf mehrere Seiten Automatisch Manuell, Seite für Seite
Am besten geeignet für Resource Hubs, Blogs, Websites für mehrere Märkte Einfache Websites mit etwa fünf Seiten und wenigen laufenden Inhaltanpassungen
Nachweis zur Skalierbarkeit Fivetran: 130+ Seiten/Jahr; Nursa: ca. 40.000 Seiten in 19 Tagen Keine vergleichbaren Skalierungsbeispiele ohne CMS-Ebene

Designkontrolle und Qualitätsrisiken

Webflow bietet dir pixelgenaue visuelle Kontrolle mit einem Design-Token-System. Ändere eine Farbe oder Schriftart in deinen Variablen, und sie wird überall automatisch aktualisiert. Der Haken dabei: Websites, die schnell aus Standard-Templates oder Komponentenbibliotheken erstellt wurden, können am Ende wie jede andere Webflow-Seite aussehen – nur mit einem anderen Logo auf demselben Layout.

Claude Code hat eine eigene Version dieses Problems, allerdings eine schwerwiegendere. Ohne gezieltes Prompting neigt es zu dem, was die Entwickler-Community als AI-Slopbezeichnet: immer die gleiche Inter-Schriftart, die gleichen violetten Verläufe, die gleichen Drei-Karten-Raster, die man auf jeder KI-generierten Website im Internet findet. Anthropic hat ein spezielles Plugin namens frontend-design entwickelt, um Claudes Design-Output von diesen Standards wegzubewegen. Wenn du den Weg über Claude Code für kundenorientierte Projekte in Betracht ziehst, lohnt es sich zu verstehen, wie dieses Plugin funktioniert und was es erfordert (wir haben dazu einen separaten Leitfaden geschrieben).

Wie sieht das also in der Praxis aus? Beide Wege bergen ein Risiko für die Designqualität, nur in unterschiedlicher Form. Bei Webflow besteht das Risiko in der visuellen Gleichförmigkeit bei Websites, die auf denselben Komponentenbibliotheken basieren. Bei Claude Code besteht das Risiko darin, dass der statistische Durchschnitt der Trainingsdaten des Internets auf deiner Startseite landet.

Webflow Claude Code
Visuelle Kontrolle Pixelgenau, über ein Design-Token-System Prompt-basiert; das Ergebnis hängt von den gegebenen Anweisungen ab
Übertragen von Designänderungen Automatisch, auf der gesamten Website Manuell, pro Prompt
Typisches Fehlerrisiko (Default Failure Mode) Visuelle Austauschbarkeit bei Websites, die dieselben Templates oder Komponentensammlungen nutzen „KI-Einheitsbrei“ (AI Slop) – also standardmäßig generische Schriftarten, Farbverläufe und Card-Layouts
So reduzierst du das Risiko Über Standard-Templates und -Komponenten hinaus individuell anpassen Anthropics Frontend-Design-Plugin nutzen und gezielt prompten
Zugrundeliegende Ursache Gemeinsam genutzte Komponentensammlungen über viele Websites hinweg Statistische Mittelwertbildung aus internetweiten Trainingsdaten

Symbol
Wenn du Claude für Designarbeiten nutzen möchtest, schau dir unseren Leitfaden dazu an, wie du mit Claude Design Landingpages gestaltest.

Wartbarkeit und langfristige Kontrolle

In Webflow wird eine Änderung an einer gemeinsamen Komponente oder Designeinstellung automatisch auf jede Seite übertragen, die sie verwendet, anstatt jede Seite manuell bearbeiten zu müssen. Ein Marketer kann eine Überschrift aktualisieren, ein Bild austauschen oder eine neue Seite veröffentlichen, ohne eine Zeile Code zu verstehen. Fallstudien von Webflow-Enterprise-Kunden berichten von einer Reduzierung der Entwickler-Tickets um 67 % nach der Migration – ein direkter Beleg dafür, wie viel unabhängiger das Marketingteam bei Routineaufgaben von der Technik ist. Im Enterprise-Tarif ermöglichen Page-Branching, Freigabe-Workflows und ein vollständiges Audit-Log, dass mehrere Personen gleichzeitig an der Website arbeiten können, ohne sich gegenseitig in die Quere zu kommen.

Eine mit Claude Code erstellte Website bietet standardmäßig keine dieser Mechanismen. Jede Änderung erfordert einen neuen Prompt, eine Überprüfung des Outputs und einen Deploy-Schritt. Nach sechs Monaten bei einem Projekt, das aus Dutzenden separater Prompts besteht, ist das Ergebnis eine Codebasis, bei der niemand mehr genau weiß, warum bestimmte Entscheidungen getroffen wurden – einfach deshalb, weil die „Entscheidungen“ nur das waren, was Claude zu diesem Zeitpunkt als am wahrscheinlichsten vorhergesagt hat, und keine bewussten, dokumentierten Entscheidungen des Teams.

Webflow Claude Code
Wie Änderungen ablaufen Einmalig über Design-Tokens und wiederverwendbare Komponenten, wird dann überall übernommen Jedes Mal ein Prompt, ein Review und ein Deployment
Wer Aktualisierungen durchführen kann Ein Marketer, ohne Code anfassen zu müssen Jemand, der versiert im Überprüfen und Deployen von Code ist
Zusammenarbeit mehrerer Personen Page Branching, Freigabe-Workflows, vollständiges Änderungsprotokoll (Enterprise) Keine integrierten Mechanismen; basiert auf manueller Abstimmung
Entwickler-Ticketvolumen Laut Webflow-Enterprise-Fallstudien nach der Migration um 67 % reduziert Nicht reduziert; jede Änderung verläuft über einen technischen Zwischenschritt
Prognose nach sechs Monaten Einheitliches, dokumentiertes Design-System Risiko einer Codebasis, bei der niemand mehr weiß, warum Entscheidungen so getroffen wurden

SEO und AEO

Webflow unterstützt von Haus aus Title-Tags, Meta-Descriptions, Canonical-Tags, URL-Kontrolle, automatische Sitemap-Generierung und strukturierte Daten. Zudem bietet es spezielle AEO-Tools für die Sichtbarkeit in KI-Antwortmaschinen wie ChatGPT, Perplexity und Google AI Overviews. Mit Claude Code allein liegt die Verantwortung für die Implementierung, das Testen und die Wartung all dieser Punkte komplett bei dir.

Webflow Claude Code
Title-Tags & Meta-Beschreibungen Nativ integriert Manuelles Setup erforderlich
Sitemap-Erstellung Automatisch Manuell
Strukturierte Daten (Markup) Integriert Manuell
AEO-Tools (ChatGPT, Perplexity, AI Overviews) Spezifische, native Tools Keine; komplett manuell
Laufende Wartung Wird von der Plattform übernommen Eigene Verantwortung für Umsetzung, Tests und Pflege

Sicherheit und Compliance

Für Unternehmen, die an Großkunden verkaufen und Sicherheitsfragebögen erhalten, sollte dieser Punkt oberste Priorität haben. Webflow Enterprise umfasst eine SOC 2 Typ II-Zertifizierung, native DSGVO-Konformität, SSO-Integration und DDoS-Schutz durch Cloudflare. Eine mit Claude Code erstellte Website bietet all das nicht von sich aus. Man kann zwar alles manuell nachrüsten, aber das ist ein enormer technischer Aufwand, den die meisten kleinen Teams unterschätzen.

Webflow Claude Code
SOC 2 Type II Inklusive (Enterprise) Nicht enthalten
DSGVO-Konformität Nativ integriert Manuelle Umsetzung erforderlich
SSO-Integration Inklusive (Enterprise) Nicht enthalten
DDoS-Schutz Inklusive, über Cloudflare Nicht enthalten
Am besten geeignet für Unternehmen, die Sicherheitsfragebögen im Enterprise-Bereich ausfüllen müssen Projekte mit geringen Anforderungen, bei denen dies noch kein Thema ist
Aufwand für manuelle Umsetzung Nicht zutreffend, bereits enthalten Erheblicher Entwicklungsaufwand, der oft unterschätzt wird

Der Entscheidungsrahmen, den wir unseren Kunden empfehlen

Am besten triffst du diese Entscheidung, indem du nicht nur auf das Projekt schaust, sondern auf dein Team. Marketing-Website gleich Webflow, individuelle Web-App gleich Claude Code – das klingt in der Theorie einfach.

Doch bei zwei identischen SaaS-Marketing-Websites kann die richtige Wahl völlig unterschiedlich ausfallen, je nachdem, wer sie pflegen soll. Ein Team aus drei Entwicklern ohne eigenen Marketer arbeitet ganz anders als ein Marketer, der alleine und ohne Entwickler dasteht. Genau das entscheidet, welche Plattform passt, nicht die Bezeichnung des Projekts.

So sieht dein Team aus Tendez zu Warum
Ein Marketer, kein dedizierter Entwickler Webflow Du musst veröffentlichen und bearbeiten können, ohne jedes Mal ein Ticket erstellen zu müssen
Zwei oder mehr Entwickler, kein dedizierter Marketer Claude Code, eventuell über MCP mit Webflow verbunden Dein Team fühlt sich im Code wohl und möchte die volle Kontrolle über den Full-Stack
Eine Mischung aus Marketern und Entwicklern Webflow + Claude Code via MCP Visuelle Bearbeitung für das Marketing-Team, KI-gestützte Entwicklung für individuelle Anpassungen
Solo-Gründer, technischer Hintergrund, enges Budget Vorerst nur Claude Code Der schnellste und günstigste Weg, etwas zu veröffentlichen, solange die Website einfach bleibt
Solo-Gründer, kein technischer Hintergrund, enges Budget Webflow Starter oder Basic Der visuelle Editor macht es komplett überflüssig, Code zu verstehen

Ein wichtiger Punkt: Die Teamzusammensetzung ändert sich. Die richtige Plattform für ein Zwei-Personen-Startup ist nicht automatisch die richtige, wenn das Unternehmen auf zwanzig Leute wächst. Es lohnt sich, diese Entscheidung einmal im Jahr zu überdenken, anstatt sie als in Stein gemeißelt zu betrachten.

Symbol
Wenn du Gründer oder Marketer eines Startups bist, empfehlen wir dir dringend unseren Leitfaden zu Claude Design für Startups sowie unsere Artikel und Inhalte für Marketer.

Eine Woche im Arbeitsalltag: Eine Kampagnenseite auf beiden Plattformen veröffentlichen

Abstrakte Feature-Tabellen sind zwar nützlich, zeigen aber nicht, wie es sich anfühlt, diese Tools an einem Dienstagnachmittag zu nutzen, wenn eine Kampagnenseite bis Freitag live gehen muss. Deshalb hier ein konkreter Vergleich.

Mit Webflow

Dein Marketer öffnet den Designer, dupliziert eine bestehende Kampagnenseite, die auf Komponenten aus einer Bibliothek wie Relume basiert, tauscht Texte und Bilder aus, passt ein paar Elemente über den visuellen Editor an und veröffentlicht die Seite. Kein Code, kein Entwickler-Ticket, keine Deployment-Pipeline. Die Seite übernimmt automatisch die Design-Tokens und das Branding der Website. Der Zeitaufwand für jemanden, der das Tool kennt: ein Nachmittag, vielleicht weniger.

Mit Claude Code allein

Jemand, der sich mit dem Terminal auskennt, weist Claude an, die Seite zu erstellen, prüft das Ergebnis, korrigiert allgemeine Design-Standards, gibt erneut Anweisungen für Anpassungen, deployt auf einen Hosting-Anbieter und kümmert sich separat manuell um Metadaten und Sitemap-Updates. Die erste Version ist vielleicht sogar schneller als bei Webflow. Aber jede spätere Änderung, jede Textanpassung und jeder Bildtausch wiederholt diesen Zyklus, da es keinen visuellen Editor und kein CMS gibt, das sich die Struktur für dich merkt.

Mit Webflow + Claude Code via MCP

Ein Entwickler oder ein versierter Marketer bittet Claude, die Seite über die MCP-Verbindung direkt im Webflow-CMS zu entwerfen, prüft sie im Webflow-Designer und veröffentlicht sie über den gewohnten Webflow-Prozess. Das kommt der nativen Webflow-Geschwindigkeit am nächsten, ergänzt um die Entwurfsfähigkeiten von Claude.

Der eigentliche Unterschied zwischen diesen drei Versionen liegt nicht im ersten Freitag. Er liegt im zehnten Freitag, sechs Monate später, wenn sich niemand mehr an die Gründe für Entscheidungen erinnert, die in einer hastigen Eingabe getroffen wurden, und die Website kurz vor einer Vorstandssitzung ein schnelles Update benötigt.

Der hybride Ansatz: Was die Webflow-MCP-Verbindung tatsächlich bewirkt

Screenshot of Claude's connector directory search results for 'webflow,' showing the official Webflow connector available to the team and a community-built Opinly connector requiring owner approval.

Jede Quelle in diesem Bereich kommt zum gleichen Schluss. Gehen wir also einmal durch, was dieses „Hybrid“ in der Praxis eigentlich bedeutet, anstatt es nur beim Namen zu nennen.

Webflow hat seinen offiziellen MCP-Server im Februar 2026 gestartet und ihn im Juli 2026 auf MCP 2.0 aktualisiert. MCP steht für Model Context Protocol, einen von Anthropic veröffentlichten offenen Standard, der die Interaktion von KI-Modellen mit externen Tools vereinheitlicht. Praktisch gesehen ist es die Verbindungsschicht, die es Claude ermöglicht, über natürliche Sprache statt über manuelle API-Aufrufe auf dein Webflow-Projekt zuzugreifen und Änderungen vorzunehmen.

Das 2.0-Update brachte drei wesentliche Verbesserungen:

  • Wegfall der separaten Bridge-App , die frühere Versionen noch erforderten
  • Hinzufügen von Marken-Kontrollen und Berechtigungen, damit Teams genau festlegen können, was Claude ändern darf
  • Zugriff auf Analysedaten ermöglicht

Zusammen markieren diese Punkte einen bedeutenden Schritt vom „interessanten Experiment“ hin zu „etwas, dem man bei der Arbeit an Live-Projekten vertrauen kann“.

In der Praxis kann Claude jetzt:

  • CMS-Elemente erstellen und aktualisieren
  • Seitenelemente entwerfen
  • Metadaten auf der gesamten Website korrigieren
  • Content-Audits durchführen

All das geschieht innerhalb der Webflow-Umgebung, sodass die visuellen Bearbeitungs- und Veröffentlichungs-Workflows deines Teams erhalten bleiben. Ein Team hat dokumentiert, wie ein 80-seitiges SEO-Metadaten-Audit durch diese Verbindung von einem halben Tag manueller Arbeit auf etwa 20 Minuten verkürzt wurde – eine Zeitersparnis, die sich bei inhaltsreichen Websites schnell summiert.

Screenshot of the Webflow connector's detail page in Claude's directory, showing its description, 28 available tools including CMS and design tools, its two categories, and its connector URL

Der ehrliche Vorbehalt, den selbst die Webflow-Dokumentation einräumt, ist, dass die Data-API-Seite, die CMS-Inhalte und Metadaten abdeckt, ausgereift und zuverlässig ist. Die Designer-API-Seite, die sich um visuelles Layout und Styling kümmert, profitiert jedoch nach wie vor von einer menschlichen Überprüfung, bevor Änderungen auf einer Live-Website veröffentlicht werden. Die Technologie entwickelt sich schnell, aber sie heute schon als „vollständig autonom“ zu betrachten, wäre für alles, was Kunden sehen, noch verfrüht.

Linda Tong, CEO @ Webflow
"Wenn ein Agent deine Website bearbeitet, ist das Ergebnis in der Sekunde live, in der es veröffentlicht wird – sichtbar für Kunden, Mitbewerber und jedes Modell, das das Web gecrawlt. Wenn so viel auf dem Spiel steht, ist kein Platz für Vermutungen."

So richtest du die Webflow MCP-Verbindung ein

Claude mit deinem Webflow-Projekt zu verbinden, ist in wenigen Schritten erledigt – ganz ohne Entwickler.

  1. Prüfe, ob dein Webflow-Tarif MCP unterstützt: Die Verbindung ist in den kostenpflichtigen Webflow-Tarifen verfügbar. Falls du dir unsicher bist, schau einfach in deinen aktuellen Tarifeinstellungen nach.
  2. Öffne die API-Einstellungen deines Webflow-Projekts: Gehe in deinem Site-Dashboard auf „Site Settings“ und dann auf den Tab „Apps & Integrations“. Dort verwaltet Webflow Drittanbieter- und MCP-Verbindungen.
  3. Erstelle ein MCP-Zugriffstoken. Webflow führt dich durch die Authentifizierung und hilft dir dabei, den Zugriffsbereich festzulegen, etwa für bestimmte Websites oder Collections.
  4. Füge den Webflow MCP-Server zu Claude hinzu: Füge Webflow in Claude Code oder Claude Desktop mithilfe des Tokens aus dem vorherigen Schritt als verbundenen MCP-Server hinzu.
  5. Lege fest, was Claude ändern darf: Mit den Steuerelementen von MCP 2.0 entscheidest du, ob Claude nur CMS-Inhalte bearbeiten oder auch Seitenelemente und Metadaten anpassen darf.
  6. Teste die Verbindung zuerst mit einer einfachen Aufgabe: Lass dir von Claude eine Liste deiner CMS-Collections anzeigen oder einen Blogbeitrag entwerfen, bevor du ihm Aufgaben mit direktem Kundenkontakt überträgst.
  7. Überprüfe alles im Webflow Designer, bevor du veröffentlichst: Betrachte die Ergebnisse von Claude – besonders beim visuellen Layout – als Entwurf und schau noch einmal kurz drüber, bevor du alles live stellst.
Screenshot of the Webflow MCP consent screen, showing Claude requesting permission to create and modify visual elements, manage CMS collections, update styles and design variables, and organize assets and SEO.

Weitere Details findest du in dieser Anleitung.

Das Risiko, eine Produktionsseite allein mit Claude Code zu erstellen

Was „Vibe Coding“ eigentlich bedeutet

„Vibe Coding“ war das Wort des Jahres 2025 des Collins Dictionary. Der Begriff stammt vom KI-Forscher Andrej Karpathy, der ihn so beschrieb: „Sich voll und ganz auf die Vibes einlassen, exponentielle Entwicklungen annehmen und vergessen, dass der Code überhaupt existiert.“ Für einen Prototypen am Wochenende oder ein persönliches Experiment funktioniert das prima. Für eine geschäftskritische Website, die Umsatz generiert, geht das Konzept jedoch nicht auf.

Ein echtes Beispiel für die „Reparieren-Kaputtmachen-Reparieren“-Schleife

Das Team von Karpi Studio hat eine echte Erfahrung aus erster Hand dokumentiert. Eine kleine persönliche Website, die mit Claude Code erstellt und auf einem kostenlosen Hosting-Dienst bereitgestellt wurde, schien zunächst kostentechnisch ein klarer Gewinn zu sein – bis die Google Search Console innerhalb weniger Tage Crawling-Fehler meldete.

Jede durch KI angestoßene Korrektur löste ein Problem, verursachte aber ein neues. Die Schleife aus „Reparieren, Kaputtmachen, wieder Reparieren“ ist der Teil, vor dem dich niemand warnt. Wenn das Volumen hoch ist, wird diese Schleife schnell teuer. Uroš Mikić, CEO der Webflow-Agentur Flow Ninja, hat das zugrunde liegende Problem treffend beschrieben: Wenn du mit einem Vibe-Coding-Stack baust, stellst du dein eigenes CMS und dein eigenes Hosting zusammen und schleppst diesen ganzen Berg an Arbeit mit dir herum. Wenn du später etwas ändern willst, musst du dich erneut durch das Vibe-Coding kämpfen.

Warum das passiert: Die Mechanismen hinter dem Risiko

Der viel beachtete Beitrag des Designers Kyle Frost über den Umzug all seiner Websites weg von Webflow wird oft als Beweis dafür angeführt, dass die Migration einfach und sauber sei. Doch was er tatsächlich schrieb, ist differenzierter, als es oft gelesen wird. Er zog mit drei kleinen, nicht monetarisierten persönlichen Seiten um und betonte ausdrücklich, dass der Kompromiss darin bestehe, „mehr Komplexität und eine Lernkurve zu akzeptieren, die über einfaches Klicken und Ziehen hinausgeht“. Er sagte auch, er erwarte nicht, dass jeder visuelle Editoren aufgibt. Die Interpretation „Webflow ist tot“ entspricht nicht dem, was er geschrieben hat.

Auch die zugrunde liegenden Mechanismen sind einen Blick wert. Eine Analyse von GitClear von 211 Millionen Codezeilen ergab, dass Code-Refactoring – also das Bereinigen und Verbessern von bestehendem Code – von 25 % der geänderten Zeilen im Jahr 2021 auf unter 10 % im Jahr 2024 zurückgegangen ist, während sich die Codeduplizierung vervierfacht hat. Das passt dazu, dass Code schneller generiert wird, als er ordnungsgemäß gewartet werden kann. Genau das ist der spezifische Mechanismus, warum sich in Vibe-Coding-Projekten unsichtbare Probleme ansammeln.

Eine neue Kategorie ist entstanden, um das Chaos zu beseitigen

Dienste wie FixMyVibe.io und VibeCodeFixers existieren, weil so viele KI-generierte Codebasen gerettet werden müssen, dass deren Reparatur mittlerweile ein tragfähiges Geschäftsmodell ist. Wenn eine ganze Dienstleistungskategorie entsteht, nur um einen bestimmten Ansatz aufzuräumen, ist das ein Signal, das man ernst nehmen sollte.

Übrigens gibt es eine Reihe von Claude-Fähigkeiten, die dabei helfen, das Risiko beim Einsatz von Claude zu minimieren, insbesondere im Design-Bereich. Wenn du mehr darüber erfahren möchtest, findest du sie hier.

Solltest du eine bestehende Webflow-Seite migrieren?

Die Frage, ob man eine bestehende Webflow-Seite zu Claude Code migrieren sollte, unterscheidet sich von der Wahl einer Plattform für ein neues Projekt und erfordert eine vorsichtigere Antwort.

Es gibt durchaus Situationen, in denen es sinnvoll ist, Webflow zu verlassen. Wenn die Seite klein und nicht monetarisiert ist und die Abo-Gebühren mehr kosten als die Zeit, die du für die Wartung eines einfacheren Setups aufwenden würdest, kann sich ein Umzug tatsächlich rechnen. Wenn du spezifische benutzerdefinierte Funktionen benötigst, die Webflow nicht bietet – wie einen komplexen Rechner, ein Kundenportal oder tiefe API-Integrationen –, ist es ohnehin die richtige Entscheidung, diesen Teil selbst zu programmieren.

Aber für eine aktive, umsatzgenerierende Website sieht die Rechnung anders aus. Du riskierst neue Crawling-Fehler, kaputte Publishing-Workflows und eine Wartungslast, die bei demjenigen landet, der in dieser Woche gerade Zeit hat. Und das alles für eine Seite, die bereits einwandfrei funktioniert.

Der sicherere Weg für die meisten Teams ist es, nicht abzuwandern, sondern Claude Code über MCP mit der bestehenden Webflow-Seite zu verbinden. So profitierst du von KI-gestütztem Entwerfen, Content-Operations und Metadaten-Management, ohne die Stabilität der Plattform, den visuellen Editor oder das CMS aufzugeben, mit dem dein Team bereits vertraut ist.

Hat Webflow eine Zukunft?

Ein Teil der Suchanfragen zu diesem Vergleich, einschließlich der Diskussionen darüber, ob Webflow am Ende ist, dreht sich gar nicht wirklich um Funktionen. Es sind bestehende Webflow-Nutzer und Profis, die sich fragen, ob die Plattform selbst für die nächsten Jahre eine sichere Bank ist.

Positiv betrachtet sind die Fakten eindeutig. Webflow hat insgesamt über 330 Millionen Dollar an Finanzmitteln aufgenommen, darunter eine Series-D-Finanzierung in Höhe von 120 Millionen Dollar im Oktober 2025 bei einer Bewertung von 4 Milliarden Dollar. Bis 2026 hat das Unternehmen seine KI- und AEO-Tools aktiv ausgebaut, Vidoso.ai für markenkonsistente Marketinginhalte übernommen, alle Kundenseiten auf sein CMS der nächsten Generation migriert und MCP 2.0 veröffentlicht.

Die belegbaren Fakten auf der anderen Seite sind ebenfalls sichtbar. Webflow hat Entlassungen vorgenommen, und in Threads auf r/webflow äußern langjährige Nutzer echte Bedenken hinsichtlich der Ausrichtung der Plattform und des Tempos bei der Verbesserung der Funktionen. Diese Threads finden sich in denselben Foren wie die, in denen die MCP-Integration gelobt wird, was zeigt, dass die Community selbst gespalten ist und nicht einheitlich zuversichtlich oder besorgt. Ein solches Plattformrisiko ist zudem nicht nur bei Webflow ein Thema. Wie Thomas Bacon, CTO von Workhorse, allgemein über die Abhängigkeit von Anbietern bemerkte: „Wir haben erlebt, wie ein Sicherheitstool für 50 Dollar im Monat nach einer Übernahme plötzlich 5.000 Dollar im Monat kosten sollte.“ Das erinnert uns daran, dass jede Plattformbindung ein gewisses Risiko birgt.

Wir werden nicht darüber spekulieren, was das alles für die Zukunft bedeutet, denn das wäre nur als Analyse getarntes Raten. Die oben genannten Fakten sind überprüfbar, und wer diese Entscheidung recherchiert, kann sie gegen seine eigene Risikobereitschaft abwägen.

Eine einfache Checkliste vor deiner Entscheidung

Gehe diese Punkte durch, bevor du dich für einen Weg entscheidest, und sei bei den Antworten ehrlich zu dir selbst, statt nur Wunschdenken zu folgen:

  • Hast du mindestens eine Person, die diese Seite regelmäßig pflegt und aktualisiert, und fühlt sich diese Person im Terminal wohl?
  • Benötigt die Seite ein CMS mit strukturierten Inhaltstypen, Referenzfeldern und Publishing-Funktionen für Teams, oder bleibt sie so einfach, dass ein paar statische Seiten ausreichen?
  • Handelt es sich um eine umsatzgenerierende, kundenorientierte Website oder um einen Prototyp mit geringem Risiko bzw. ein internes Projekt?
  • Unterliegt dein Unternehmen Compliance-Anforderungen wie SOC 2 oder DSGVO, die von einem Kunden oder Partner tatsächlich überprüft werden?
  • Muss mehr als eine Person die Seite bearbeiten können, und benötigst du einen Prüf- oder Freigabeworkflow, bevor Änderungen live gehen?
  • Hast du bereits Erfahrung mit Webflow oder gibt es in deinem Stack schon Webflow-Seiten?
  • Ist die benötigte Funktionalität etwas, das die visuellen Tools und das CMS von Webflow nicht abdecken können?

Wenn die meisten deiner Antworten in Richtung „Wir brauchen eine stabile, wartbare Seite, die ein nicht-technisches Team aktualisieren kann“ gehen, ist Webflow der kürzere Weg. Wenn sie eher in Richtung „Wir brauchen volle Kontrolle über unsere eigene Software und haben die Entwickler, um sie zu pflegen“ deuten, bietet Claude Code die nötige Flexibilität. Wenn du irgendwo dazwischen liegst, ist der MCP-verknüpfte Hybrid der Weg, für den sich die meisten Teams in deiner Lage derzeit entscheiden.

Abschließende Gedanken

Das richtige Tool für deine Website ist dasjenige, das dein Team auch in einem Jahr noch pflegen kann – nicht das, das diese Woche am schnellsten fertig ist. Sowohl Webflow als auch Claude Code sind leistungsfähige Werkzeuge, und die wachsende MCP-Integration zwischen ihnen bedeutet, dass du dich zunehmend für einen Workflow entscheidest und nicht nur für eine Plattform.

Wenn dein Team klein ist, deine Zeit begrenzt ist und Designqualität für dein Unternehmen wichtig ist, lohnt es sich, die Plattformfrage vor dem Start zu klären. Denn eine produktive Website neu aufzubauen ist immer teurer, als sie von Anfang an auf dem richtigen Fundament zu errichten. Für Teams, die professionelles Design und Entwicklung wünschen, egal für welche Plattform sie sich entscheiden, kannst du auf magiervertrauen.

Such dir den Bereich aus, der am besten zu deiner Situation passt, und nutze die Checkliste, um deine Entscheidung auf Herz und Nieren zu prüfen, bevor du dich festlegst.

{{cta}}

FAQ

Should I migrate my existing Webflow site to Claude Code?

For most active, revenue-generating sites, no. The stronger pattern is connecting Claude Code to your existing Webflow site through MCP, keeping the platform's stability while adding AI-assisted drafting on top, rather than rebuilding a working site from scratch.

What's actually cheaper, Webflow or Claude Code?

Webflow's Premium plan runs $25-39/month all-in, including hosting and a CMS. Claude Code has no flat cost of its own; it depends on a Claude subscription starting at $20/month, plus separate hosting, and real usage for an active project often lands at $100-200/month once you factor in maintenance time.

Is Webflow dead because of AI coding tools like Claude Code?

No. Webflow occupies a different category than an AI code generator; it manages hosting, a CMS, and design consistency, not just code output. Growing MCP adoption suggests the market is moving toward combining both rather than replacing one with the other.

What does the Webflow MCP connection actually let Claude do?

It lets Claude read and write your Webflow CMS, draft page elements, and update metadata, all inside your existing Webflow environment. Publishing, hosting, and visual editing stay with Webflow; Claude handles the drafting and content work on top.

Is Claude Code the same as Claude?

No. Claude is the chat interface at claude.ai. Claude Code is a separate, terminal-based tool that writes, runs, and debugs code directly inside your project files. Webflow's MCP connector works with both.

Who should actually build with Claude Code alone, without Webflow?

Solo, technical founders building simple, low-stakes, or non-monetized projects, and teams building custom software applications or dashboards far outside what a marketing site needs. For an active marketing or e-commerce site with more than one contributor, the hybrid approach or Webflow alone tends to hold up better.

If I already know Webflow, is that skill becoming less valuable?

Not based on what we're seeing. Demand for Webflow expertise is shifting rather than shrinking, since teams increasingly want people who can pair Webflow with AI tools like Claude Code through MCP, not replace one skill with the other.

What happens to my Webflow site's SEO if I switch to Claude Code?

You lose Webflow's native sitemap generation, structured data, and AEO tooling, and have to rebuild the equivalent yourself. Several accounts describe Google Search Console crawl errors appearing within days of a Webflow-to-Claude-Code migration, requiring ongoing manual fixes.

Does Claude Code produce good-looking websites, or does it have the "AI slop" problem?

Not by default. Left with a vague prompt, Claude Code tends toward generic patterns known as AI slop. Anthropic's frontend-design plugin and more deliberate prompting can push the output toward something more distinctive, though it takes real effort compared to Webflow's built-in design system.

How do I decide between Webflow and Claude Code for a new project?

Look at your team, not just the project. A team with a marketer and no developer leans Webflow; a team of developers with no dedicated marketer leans Claude Code; a mix of both usually works best combined through MCP.

Veröffentlicht am

August 12, 2026

Lesedauer

5 min

Inhalt

H2

Teilen
Kategorien
Du suchst Design Hilfe?
Bei magier bekommst du all deine Design Aufgaben in einem monatlichen Abo.
Demo buchen
Marketing & Design Newsletter
Abonnieren unseren Newsletter und erhalten monatlich innovative Marketingstrategien, Designinspirationen und exklusive Tipps.
magier Newsletter für Marketing und Design
Kostenlose Notion-Liste
KI-Agenten & Automationen für Marketing

Die KI-Tools und Agenten, die uns jede Woche Stunden sparen. Kuratiert und direkt nutzbar.

Du brauchst jemanden, der deine Figma-Designs in Webflow umsetzt?
Das Team von magier verwandelt Figma-Designs für über 150 Marken zum festen monatlichen Preis in produktionsreife Webflow-Websites.
webflow design service
Webflow
Ressource jetzt herunterladen
Wir senden dir die Ressource per E-Mail und nehmen dich in unseren Newsletter auf, damit du keine zukünftigen Freebie-Launches verpasst. 👏
Bitte prüfe deinen Posteingang!
Oops! Something went wrong while submitting the form.