Webflow KI: Alles über AI Site Builder, MCP und AEO

Warum ick dir dat gerade jetzt erzähl

Ich sitz gerade an genau meiner Webseite, an der ich seit Monaten arbeite, und hab eben die Webflow MCP Bridge App aktiviert. Ein kleines Fenster poppt auf: verbunden mit dem MCP Server und der Hinweis, dass Webflow MCP 2.0 live ist und die meisten Design-Aktionen die Bridge App gar nicht mehr brauchen. Genau in dem Moment dachte ich mir: Das checkt gerade wahrscheinlich kaum eine Unternehmerin, die einfach nur eine gute Webseite will, und trotzdem betrifft es sie mehr, als sie denkt.

Ich will ehrlich mit dir sein, bevor wir in die technischen Details gehen. Ich bin gelernte Handwerkerin in meinem Fach. Jeden Pixel, jeder Abstand, jede Formulierung hab ich mir über Jahre selbst erarbeitet, oft nachts, mit zu viel Anspruch an mich selbst. Und seit KI-Tools anfangen, genau diese Handarbeit in Sekunden nachzubauen, frag ich mich ehrlich gesagt fast wöchentlich: Okay, wat mach ich jetzt eigentlich? Schau ich mir die KI-Welt intensiv an, oder bleib ich bei dem, was ich von Grund auf gelernt hab und was sich für mich richtig anfühlt?

Eine endgültige Antwort hab ich darauf nicht und ich glaub, die gibt es aktuell auch für niemanden ehrlich. Wat ich stattdessen mache: Ich teste das Schritt für Schritt selbst, methodisch, ohne blind auf jeden Hype aufzuspringen oder aus Prinzip alles abzulehnen, was neu ist. Genau diesen Prozess dokumentier ich gerade für mich, und wenn du auf dem Laufenden bleiben willst, wie sich das bei mir in echten Projekten entwickelt: Trag dich gern in meinen Newsletter ein, dann verpasst du nichts von dem, was ich dabei rausfinde.

Webflow selbst baut seit diesem Jahr an drei komplett unterschiedlichen KI-Baustellen gleichzeitig: einer, die dir beim Bauen der Webseite hilft, einer, die KI-Tools wie Claude direkt in deinen Webflow-Account lässt, und einer, die dafür sorgt, dass ChatGPT und Co. deine Seite überhaupt erst finden und zitieren. Diese drei Dinge werden in Gesprächen ständig durcheinandergeworfen, dabei sind es völlig getrennte Baustellen mit unterschiedlichem Nutzen für dich. Genau das sortier ich in diesem Artikel einmal komplett, inklusive dem, wat jut daran ist, wat mich stört und wie du es überhaupt technisch einrichtest.

Falls du gerade erst mit Webflow anfängst und dich fragst, ob die Plattform überhaupt die richtige für dich ist: Webflow für Einsteiger, so startest du kostenlos → Für alle anderen, lass uns direkt reingehen.

Webflow KI in drei Bausteinen: AI Site Builder, MCP und AEO

Bevor wir in die Details gehen, hier die Landkarte, damit du die drei Begriffe nie wieder verwechselst.

• AI Site Builder und AI Assistant: Baut dir aus einem Prompt eine erste Webflow-Seite oder hilft dir im Editor bei einzelnen Design-Aufgaben.
• Webflow MCP: Lässt KI-Tools wie Claude, ChatGPT oder Cursor direkt in deinem echten Webflow-Projekt arbeiten, inklusive Design-System, CMS und mehreren Seiten gleichzeitig.
• Webflow AEO: Sorgt dafür, dass KI-Suchmaschinen wie ChatGPT, Perplexity oder Google AI Overviews deine Inhalte überhaupt finden und zitieren.

Der erste Baustein baut, der zweite verwaltet, der dritte sorgt für Sichtbarkeit. Drei völlig unterschiedliche Probleme und völlig unterschiedliche Tools. Schauen wir uns jeden einzeln an.

Webflow AI Site Builder und AI Assistant: Von der Idee zur fertigen Seite

Der AI Site Builder verwandelt einen einzigen Prompt in eine mehrseitige, produktionsreife Webseite, komplett mit Startseite, Über uns und Leistungsseiten, gefüllt mit echten Textbausteinen statt Lorem Ipsum. Der AI Assistant sitzt danach direkt im Editor und versteht normale Sätze: „Erstell eine Landingpage für eine App mit Dark Mode und Animationen“, und Webflow setzt das um, ganz ohne Code-Kenntnisse.

In der 2026er Version analysiert die KI dabei deine Markenrichtlinien und generiert Inhalte, Farben und Layouts, die zu deiner Identität passen sollen, inklusive semantischem HTML, Meta Descriptions und Alt-Texten. Dazu kommen Smart Suggestions, die dich auf Barrierefreiheit, Lesbarkeit und Nutzerfreundlichkeit hinweisen, zum Beispiel mehr Kontrast, größere Schrift oder mehr Abstand zwischen Elementen. Seit diesem Jahr ist das Ganze schon im Core-Plan ab 19 Dollar im Monat enthalten, du brauchst also kein teures Enterprise-Paket, um damit loszulegen.

Was ich dabei ehrlich checke: Für einen ersten Rohentwurf oder eine schnelle Struktur ist das richtig praktisch. Eine Webseite, die wirklich nach dir aussieht und nicht nach der KI, die tausend andere Prompts genauso beantwortet, entsteht damit noch nicht. Genau da fängt meine eigentliche Arbeit an, und genau deshalb frag ich dich in jedem Klarheitsworkshop zuerst nach deiner Identität, bevor überhaupt ein Layout entsteht. Wenn du unsicher bist, ob Webflow als Plattform für dein Projekt passt: Ist Webflow das Richtige für mich? →

Die Vorteile von Webflow KI, wenn du ehrlich hinschaust

So kritisch ich manche Entwicklung finde, ein paar Vorteile lass ich der ganzen Sache auch. Fünf Dinge sind es, die mich beim Testen tatsächlich überzeugt haben.

1. Geschwindigkeit bei der Grundstruktur. Was früher eine Stunde Klicken war, ein erstes Grundgerüst mit Sektionen und Platzhaltertexten, steht jetzt in wenigen Minuten.
2. Niedrigere Einstiegshürde. Der AI Assistant versteht normale Sprache statt Fachbegriffe, das nimmt vielen Einsteigerinnen die Angst vor der ersten leeren Seite.
3. Design-System-Treue über MCP. Weil die KI dein echtes Design-System aus Typografie, Farben und Components lesen kann, entstehen weniger Stilbrüche als bei generischen KI-Generatoren.
4. Nachvollziehbarkeit. Jede Änderung wird mit KI-Kennzeichnung protokolliert, und über Page Branching kannst du gefahrlos experimentieren, ohne dein Live-Projekt zu riskieren.
5. Schnellere Kleinarbeit. Textkorrekturen, Alt-Texte, kleinere SEO-Anpassungen genau die Art von Aufgaben, die ich sonst im Rahmen meines Webflow-Wartungspakets von Hand mache, lassen sich damit spürbar beschleunigen.

Die Nachteile, die mir mindestens genauso wichtig sind

Genau hier fängt bei mir das Bauchgefühl an zu rebellieren, das ich weiter oben schon angesprochen hab. Auch die Nachteile solltest du kennen, bevor du dich blind auf Webflow KI verlässt.

1. Das Generik-Risiko. Viele Prompts führen strukturell zu ähnlichen Ergebnissen. Ohne eigene Markenarbeit davor sieht eine KI-gebaute Seite schnell aus wie hundert andere.
2. Verantwortung verschiebt sich nicht wirklich. Auch mit sauberer Protokollierung bist am Ende immer noch du diejenige, die prüft, ob eine KI-Änderung wirklich zu deiner Marke passt, bevor sie live geht.
3. Zwei-Klassen-Zugang. Die spannendsten Features wie natives AEO sind aktuell Enterprise-Kunden vorbehalten, für die meisten Solo-Unternehmerinnen bleibt vorerst nur ein Teil der Möglichkeiten.
4. Mehr Komplexität im Team. Sobald mehrere Menschen und mehrere KI-Agenten gleichzeitig im selben Projekt arbeiten, brauchst du klare Rollen und Rechte, sonst wird es schnell unübersichtlich.
5. Kosten bleiben Kosten. Der Einstieg ab 19 Dollar im Monat klingt fair, aber sobald du tiefer in Governance- oder Enterprise-Funktionen willst, ist das längst kein Nebenkostenposten mehr.

Was Webflow KI aktuell noch nicht kann

Genauso wichtig wie die Vorteile finde ich die ehrliche Grenze. Fünf Dinge, bei denen ich aktuell noch klar die Handarbeit übernehme, KI hin oder her.

• Echte Markenstrategie. Eine KI generiert plausible Layouts, aber keine Positionierung, die wirklich aus deiner Identität heraus entsteht.
• Aufwendige individuelle Interaktionen. Komplexe Micro-Interactions und maßgeschneiderte Animationen entstehen weiterhin größtenteils von Hand.
• Gespür für Tonalität. Ob ein Text wirklich nach dir klingt und nicht nach einer durchschnittlichen Version deiner Zielgruppe, kann bislang nur ein Mensch beurteilen.
• AEO für kleinere Websites. Solange das native Tool Enterprise-Kunden vorbehalten bleibt, ist es für die meisten von uns aktuell noch Theorie statt direkt nutzbares Werkzeug.
• Rechtssichere Prüfung. Cookie-Banner, Pflichtangaben und Datenschutztexte prüft dir keine KI zuverlässig, das bleibt Menschenarbeit, im Zweifel mit juristischer Beratung.

Webflow MCP 2.0: Wenn KI direkt in deinem Designer mitbaut

MCP steht für Model Context Protocol, eine technische Brücke, über die KI-Tools wie Claude, ChatGPT oder Cursor direkt in deinem Webflow-Projekt arbeiten können, statt nur draußen Vorschläge zu machen, die du dann von Hand einbaust. Am 21. Juli 2026 ist Version 2.0 erschienen und der Sprung ist deutlich größer als ein reines Update.

Die KI kann jetzt dein echtes Design-System lesen und respektieren, also Typografie, Farbpaletten, Abstände und Component-Varianten, statt einfach irgendwas Generisches hinzubauen. Sie kann CMS-Inhalte pflegen, über mehrere Seiten gleichzeitig arbeiten, und für die meisten Aktionen brauchst du die Bridge App gar nicht mehr, die ich mir eben noch installiert hab, bevor mir das Update-Fenster genau das erklärt hat. Dazu kommt spürbar mehr Kontrolle: Team-Rollen und Rechte werden konsequent durchgesetzt, du kannst über Page Branching sicher experimentieren, und jede Änderung wird mit klarer KI-Kennzeichnung protokolliert, sodass du im Nachhinein genau siehst, was ein Mensch und was eine KI verändert hat.

Laut Webflows eigenen Zahlen nutzen inzwischen über 30 Prozent der Enterprise-Kunden das MCP aktiv, die Nutzung ist seit Januar 2026 um mehr als das Vierfache gewachsen, und fast 90 Prozent der MCP-Nutzerinnen docken sich dabei über Claude an, nicht über ChatGPT oder andere Tools (Webflow Blog, 2026). Für mich als geprüfte Webflow-Partnerin heißt das ganz praktisch: Kleinere Anpassungen, die früher eine Runde Hin und Her gekostet haben, lassen sich jetzt direkt im Projekt umsetzen, während ich die strategische und gestalterische Entscheidung trotzdem immer selbst treffe.

Wie du Webflow KI und MCP überhaupt installierst

Weil mich das selbst am Anfang verwirrt hat: Es gibt zwei unterschiedliche Wege, wie KI-Tools mit deinem Webflow-Projekt sprechen, und du brauchst nicht zwingend beide.

Weg 1: Der offizielle Claude-Webflow-Connector. Seit Februar 2026 gibt es eine direkte Verbindung zwischen Claude und Webflow, in etwa zwei Minuten eingerichtet.

1. Öffne Claude und klick im Chat-Fenster unten links auf das Plus-Symbol.
2. Wähl Connectors und dann Connectors durchsuchen.
3. Such nach Webflow und klick auf Verbinden.
4. Autorisier den Zugriff über OAuth mit deinem Webflow-Login.
5. Wähl aus, auf welche Sites oder Workspaces Claude zugreifen darf.

Wichtig dabei: Autorisieren dürfen nur Workspace-Besitzerinnen, Workspace-Admins oder Site-Managerinnen, falls du also im Team arbeitest, brauchst du die passende Rolle oder jemanden, der sie hat.

Weg 2: Die Bridge App direkt im Designer. Genau die App, die ich am Anfang dieses Artikels erwähnt hab. Du findest sie über die Erweiterungen im Webflow Designer, aktivierst sie für dein Projekt, und sie verbindet deinen Designer live mit dem MCP Server. Seit MCP 2.0 brauchst du sie für die meisten Design-Aktionen nicht mehr zwingend, für einzelne Spezialfälle oder wenn du direkt im Designer live mitverfolgen willst, was die KI gerade macht, ist sie trotzdem praktisch.

Für die meisten Unternehmerinnen reicht Weg 1 vollkommen aus. Die Bridge App lohnt sich eher, wenn du selbst technisch tiefer einsteigen willst oder, so wie ich gerade, beobachten möchtest, was im Hintergrund passiert.

Webflow AEO: Sichtbar werden in ChatGPT, Perplexity und Google AI Overviews

AEO steht für Answer Engine Optimization, und es beschreibt, ob deine Inhalte auftauchen, wenn Menschen KI-Tools wie ChatGPT, Perplexity, Gemini oder Google AI Overviews etwas fragen, statt klassisch zu googeln. Während SEO dafür sorgt, dass du in den Suchergebnissen rankst, sorgt AEO dafür, dass eine KI dich überhaupt als Quelle zitiert. Beides hängt eng zusammen, viele Grundlagen aus gutem SEO wirken auch für AEO, aber der Fokus verschiebt sich.

Webflows eigenes AEO-Tool ist ein geschlossener Kreislauf: Es misst, wie oft deine Marke in KI-generierten Antworten auftaucht, welche KI-Bots deine Seite überhaupt besuchen, und wie Besucherinnen sich verhalten, die über eine KI zu dir gefunden haben. Dazu scannt ein Agent deine Seite, schlägt priorisierte Fixes für Metadaten, Schema-Markup, Alt-Texte und kaputte Links vor, und diese Änderungen gehen direkt live, sobald du das nächste Mal publishst.

Der ehrliche Haken dabei: Webflow AEO als natives Tool ist aktuell exklusiv für Enterprise-Kunden verfügbar, also nicht für die meisten Solo-Unternehmerinnen, die ich begleite. Die gute Nachricht ist, die Prinzipien dahinter kannst du auch ohne das Tool selbst umsetzen: klare Überschriftenstruktur, ehrliche FAQ-Bereiche, sauberes technisches SEO. Genau da setzt mein eigener Grundlagenartikel an: Webflow SEO Einstellungen: So machst du deine Webseite suchmaschinenfertig →

Was das für dich als Solo-Unternehmerin bedeutet

Mal angenommen, du liest das alles gerade zum ersten Mal und fühlst dich ein bisschen überfordert von so vielen neuen Begriffen auf einmal. Das muss es nicht sein. Für dich als leistungsstarke Unternehmerin, die einen klaren, hochwertigen Auftritt will, zählen aktuell vor allem zwei Dinge.

Erstens, du brauchst kein Enterprise-Paket, um von Webflow KI zu profitieren. AI Site Builder und AI Assistant stehen dir schon im günstigen Core-Plan zur Verfügung, für erste Strukturideen oder schnelle Textbausteine, die du danach mit deiner eigenen Stimme füllst. Zweitens, auch ohne natives AEO-Tool checkst du die wichtigsten Hebel selbst: eine Webseite mit klarer Struktur, ehrlichen Antworten auf echte Fragen deiner Zielgruppe und sauberem technischen Unterbau wird auch von KI-Suchmaschinen eher gefunden als eine, die nur hübsch aussieht.

Was zählt, ist am Ende immer dasselbe Prinzip, egal ob Mensch oder Maschine liest: Klarheit gewinnt gegen Lautstärke.

Wo ich bei Webflow KI vorsichtig bin

Zurück zu der Frage von ganz oben, Handwerk oder KI-Welt. Nach allem, was ich bisher getestet hab, glaub ich, es ist die falsche Frage. Es geht nicht darum, sich zu entscheiden, sondern darum, genau zu checken, wo KI dir wirklich Zeit schenkt, und wo sie dir nur die Illusion von Fertigkeit gibt, während die eigentliche Arbeit noch fehlt.

Ich nutze KI-Tools bewusst und regelmäßig in meinem eigenen Kreativprozess, für Recherche, Strukturierung und erste Textentwürfe. Was ich dabei nie abgebe, ist meine eigene Gestaltung und strategische Verantwortung. Genau diese Haltung bring ich auch in meine Kundenprojekte mit.

Der AI Site Builder kann in Sekunden eine Seite bauen, aber ohne echte Markenarbeit davor entsteht schnell wieder ein Auftritt, der sich austauschbar anfühlt, weil er strukturell allen anderen Prompts ähnelt. Webflow MCP gibt KI-Agenten direkten Zugriff auf dein echtes Projekt, was enorm viel Zeit sparen kann, aber genau deshalb checke ich jede Änderung, bevor sie live geht, auch wenn die Protokollierung inzwischen sauber zeigt, was von wem kam. Und Webflow AEO ist eine spannende Entwicklung, aber solange sie nur für Enterprise-Kunden offen ist, bleibt sie für die meisten von uns erstmal Theorie statt Werkzeug.

KI nimmt dir also Arbeit ab, aber nicht die Entscheidung, wofür deine Marke eigentlich steht. Die bleibt bei dir, und bei mir als deiner Begleitung. Und mein eigenes Testen geht weiter, Schritt für Schritt, nicht kopflos.

Lass uns checken, wo KI in deiner Webflow-Website wirklich Sinn macht

AI Site Builder, Webflow MCP und Webflow AEO verändern gerade, wie Websites entstehen und gefunden werden, und zwar schneller, als die meisten Solo-Unternehmerinnen das mitbekommen. Du musst nicht jedes Detail selbst verfolgen. Du musst nur wissen, welche Hebel für dich gerade wirklich relevant sind, und welche du getrost anderen überlassen kannst.

Wenn du gerade überlegst, ob deine Website technisch und strategisch fit für diese Entwicklung ist, oder ob du grundsätzlich neu aufsetzen willst: Buch dir ein unverbindliches Erstgespräch, dann schauen wir uns das gemeinsam an.

Und falls du meine eigene Testreise zwischen Handwerk und KI weiterverfolgen willst: Trag dich in meinen Newsletter ein, dort teil ich, was bei mir in echten Projekten funktioniert und was nicht. Abonnier gerne auch meinen YouTube-Kanal, dort zeig ich regelmäßig weitere kleine und größere Webflow-Kniffe, KI-Themen inklusive.