Was ist der Webflow MCP Server?
MCP steht für Model Context Protocol, einen offenen Standard, über den KI-Assistenten sicher mit anderen Anwendungen zusammenarbeiten. Webflow stellt dafür einen offiziellen MCP Server bereit. Ist er mit einem KI-Assistenten wie Claude verbunden, kann die KI in Ihrer Webflow-Website arbeiten, statt nur Text zum Kopieren zu liefern.
Sie beschreiben die Aufgabe in normaler Sprache, zum Beispiel „Lege den Blogartikel aus diesem Dokument als Entwurf in der Blog-Collection an“. Claude führt die nötigen Schritte direkt in Webflow aus. Neben Claude unterstützt der MCP Server unter anderem auch ChatGPT und Cursor.
Hinweis zu diesem Beitrag: Die erste Fassung vom April 2025 hat den MCP Server als „unseren“ Server bezeichnet, das Kürzel falsch ausgeschrieben und Kennzahlen ohne belastbare Grundlage genannt. Wir haben den Beitrag im Oktober 2026 vollständig überarbeitet und auf den aktuellen Stand gebracht.
Was mit dem MCP Server heute möglich ist
Seit MCP 2.0 (Sommer 2026) ist der Funktionsumfang deutlich gewachsen. Für die meisten Aufgaben muss der Webflow Designer nicht mehr geöffnet sein. Für die Pflege einer Unternehmenswebsite sind vor allem diese Bereiche interessant:
- CMS-Inhalte: Einträge in Collections anlegen, bearbeiten und veröffentlichen, auch als Sammel-Update über viele Einträge hinweg
- Seiten und SEO: Seitentitel, Meta-Descriptions und Social-Media-Vorschauen prüfen und anpassen
- Komponenten und Styles: mit bestehenden Komponenten, Variablen und Klassen arbeiten, statt neue Einzellösungen zu bauen
- Qualitätskontrolle: Inhalte prüfen, etwa auf fehlende Alt-Texte, doppelte Titel oder veraltete Angaben
- Auswertungen: Fragen zu Besucherzahlen und Top-Seiten direkt im Chat beantworten (dafür sind die entsprechenden Webflow-Add-ons nötig)
Wo die Grenzen liegen
Der MCP Server ist ein starkes Werkzeug, aber kein Autopilot. Einige Punkte sollten Sie kennen:
- Die KI kann nur, was Sie dürfen. Claude arbeitet mit den Rechten des verbundenen Webflow-Kontos. Rollen und Berechtigungen gelten unverändert.
- Nicht alles ist abgedeckt. Neue Webflow-Projekte lassen sich nicht über MCP anlegen. Klassische Webflow Interactions müssen weiterhin im Designer bearbeitet werden. Einige Funktionen, etwa Bild-Uploads oder Screenshots, brauchen weiterhin den geöffneten Designer.
- Qualität braucht Kontext. Die KI kennt Ihr Unternehmen, Ihre Tonalität und Ihre rechtlichen Vorgaben nur so gut, wie Sie sie beschreiben. Dafür gibt es in Webflow Agent Instructions: hinterlegte Regeln, die der Assistent automatisch berücksichtigt.
- Verantwortung bleibt beim Menschen. Fakten, Zahlen und rechtliche Aussagen müssen geprüft werden, bevor etwas online geht. Die KI kann sich irren und klingt dabei oft sehr überzeugend.
Ein sinnvoller Workflow: KI arbeitet zu, Ihr Team gibt frei
In unseren Projekten hat sich ein einfacher Ablauf bewährt:
- Regeln festlegen: Tonalität, Begriffe, Design-Vorgaben und No-Gos werden einmal als Agent Instructions hinterlegt.
- Auftrag formulieren: Ihr Team beschreibt, was gebraucht wird, etwa einen neuen Referenzeintrag, aktualisierte Öffnungszeiten oder überarbeitete Meta-Descriptions für alle Leistungsseiten.
- Als Entwurf anlegen: Claude setzt die Änderungen im CMS um, aber zunächst als Entwurf oder auf einem Branch.
- Prüfen und freigeben: Eine verantwortliche Person kontrolliert Inhalt und Darstellung und veröffentlicht.
- Nachvollziehen: Jede Änderung durch die KI wird im Aktivitätsprotokoll von Webflow mit Kennzeichnung festgehalten.
So nimmt die KI Ihrem Team Routinearbeit ab: Daten übertragen, Formate anpassen, viele Einträge auf einmal ändern. Die inhaltliche Verantwortung bleibt dort, wo sie hingehört.
Wofür sich das besonders lohnt
- Viele gleichartige Inhalte: Referenzen, Team-Einträge, Veranstaltungen, Produkt- oder Standortseiten
- Wiederkehrende Pflege: Preise, Termine oder Kontaktdaten an mehreren Stellen gleichzeitig aktualisieren
- SEO-Hygiene: fehlende oder doppelte Meta-Daten und Alt-Texte finden und Vorschläge direkt einpflegen
- Übersetzungen: bestehende Inhalte in weiteren Sprachen vorbereiten, zur Prüfung durch Muttersprachler:innen
Und bei Astro-Websites?
Das Prinzip gilt nicht nur für Webflow. Auch bei Websites mit Astro und einem Headless CMS können KI-Assistenten Inhalte vorbereiten und als Entwurf ablegen, je nach System über eine Schnittstelle des CMS oder direkt im versionierten Code. Welche Lösung besser passt, hängt davon ab, wie Ihr Team arbeitet. Mehr dazu auf unseren Seiten zu Webflow und Astro.
Fazit
Der Webflow MCP Server macht aus der KI einen Assistenten, der wirklich in Ihrer Website mitarbeitet. Das spart Zeit bei Routineaufgaben und macht umfangreiche Änderungen planbar. Den größten Nutzen bringt er mit klaren Regeln, sauber strukturierten Inhalten und einem Freigabeprozess, der die Verantwortung beim Menschen lässt.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Block quote
Ordered list
- Item 1
- Item 2
- Item 3
Unordered list
- Item A
- Item B
- Item C
Bold text
Emphasis
Superscript
Subscript
Mit KI-Unterstützung erstellt, redaktionell geprüft von W3FLOW.
Sie möchten KI sinnvoll in die Pflege Ihrer Website einbinden?
Wir richten den Webflow MCP Server für Ihr Team ein, hinterlegen Agent Instructions für Ton, Design und rechtliche Vorgaben und definieren einen Freigabeprozess, der zu Ihnen passt. Kontaktieren Sie uns für ein unverbindliches Gespräch.



