Webflow MCP Server

Der Webflow MCP Server ist Webflows offizielle Schnittstelle, mit der ein MCP-fähiger KI-Client direkt auf Webflow-Projekte zugreifen kann. Statt Design, CMS-Inhalte und Seitenstruktur ausschließlich im Webflow Designer per Hand zu bearbeiten, lässt sich ein Agent in Cursor, Claude Desktop, Claude Code oder einem anderen kompatiblen Client mit dem eigenen Webflow-Konto verbinden und Aufgaben in natürlicher Sprache formulieren. Laut Anbieter reicht das von responsiven Layouts über Sections, Container und Grids bis zu einzelnen Elementen wie Rich Text, Buttons, Formularen und Medien, inklusive CSS-Klassen, Combo-Klassen und Raw CSS. Wiederverwendbare Components mit Props, Variants und Slots, Custom Code, Custom Fonts sowie Design-System-Variablen für Farbschemata gehören ebenfalls zum dokumentierten Funktionsumfang.

Neben dem visuellen Design deckt der Server das Content-Management ab: CMS-Sammlungen und -Felder inklusive Bulk-Updates, Seiten, Assets, Formulare, die Sitemap sowie SEO-Metadaten und Kommentare lassen sich über den Agenten lesen und bearbeiten. Ergänzend bietet Webflow Analyze-Funktionen an, mit denen sich Sessions, Nutzerzahlen, Seitenaufrufe, Top-Seiten und Traffic-Quellen im Chat abfragen lassen – dieses Analytics-Add-on ist laut Webflow an bezahlte Site-Pläne gebunden und nicht Teil jedes Kontos.

Zwei Zugangswege, ein Repository

Webflow veröffentlicht den Server im offiziellen Repository webflow/mcp-server (MIT-Lizenz, TypeScript, 140 GitHub-Sterne exakt per API am 21. September 2026) und bietet zwei Betriebsarten an. Der empfohlene Weg ist der gehostete Remote-Server unter https://mcp.webflow.com/sse: Die Authentifizierung läuft über OAuth, ein lokales API-Token ist nicht nötig, und für Designer-spezifische Funktionen wie visuelle Snapshots oder Canvas-Navigation installiert Webflow bei der Autorisierung automatisch eine begleitende „MCP Bridge App" im Workspace. Alternativ lässt sich der Server lokal über das npm-Paket webflow-mcp-server per npx starten; dafür ist ein selbst registriertes Webflow-App sowie ein persönliches API-Token über die Umgebungsvariable WEBFLOW_TOKEN erforderlich. Node.js ab Version 22.3.0 wird für beide Wege vorausgesetzt. Dieser Eintrag führt beide offiziellen Wege als einen Server (deployment_type = both), weil beide aus demselben Repository stammen und dieselben Werkzeuge bereitstellen.

MCP 2.0 und die Rolle der Bridge App

Im August 2026 hat Webflow laut eigenem Ankündigungsbeitrag „MCP 2.0" ausgerollt: Die frühere Bridge-App-Pflicht entfiel „für die meisten Anwendungsfälle", wodurch mehrere Seiten gleichzeitig bearbeitet werden können und Workflows zuverlässiger laufen sollen. Neu hinzugekommen sind vollständiger Zugriff auf Design-System-Komponenten mit Props, Slots und Varianten, zentral hinterlegte „Agent Instructions" für Ton, Design und Compliance-Vorgaben, eine vollständige Durchsetzung von Team-Rollen und -Berechtigungen inklusive Branching sowie eine lückenlose Dokumentation aller Änderungen mit KI-Attribution im Activity Log. Laut Anbieter ist MCP 2.0 „auf allen Site-Plänen verfügbar, ohne zusätzliche Kosten" – die Basisnutzung ist damit nicht an einen bestimmten kostenpflichtigen Plan gebunden, auch wenn einzelne Analyse-Funktionen weiterhin ein separates, kostenpflichtiges Add-on voraussetzen.

Governance nach dem Prinzip der bestehenden Rechte

Webflow beschreibt das Berechtigungsmodell bewusst eng an bestehenden Nutzerrechten orientiert: Ein Agent kann über den MCP-Server nur das tun, was das verbundene Konto auch im Webflow Designer selbst tun könnte, nicht mehr. Diese rollenbasierte Zugriffskontrolle greift zusätzlich zur OAuth-Autorisierung und wird durch das Activity Log ergänzt, in dem Änderungen inklusive KI-Urheberschaft nachvollziehbar bleiben. Für Teams ist das ein wichtiger Unterschied zu MCP-Servern, die pauschal auf einen ganzen Account zugreifen: Wer im Designer nur bestimmte Seiten oder Sammlungen bearbeiten darf, kann diese Grenze nicht über einen Agenten umgehen.

Für wen lohnt sich der Webflow MCP Server

Der Server richtet sich an alle, die bereits mit Webflow Websites bauen oder pflegen und wiederkehrende Aufgaben – neue CMS-Einträge, Struktur- oder Textänderungen, SEO-Metadaten, das Verlinken älterer Blogartikel oder das Anlegen neuer Sections – schneller per Prompt statt per Klick erledigen wollen. Für Teams, die Governance ernst nehmen, ist relevant, dass Berechtigungen aus dem Designer 1:1 übernommen werden und jede Änderung protokolliert wird. Wer dagegen ein vollständig unabhängiges Headless-CMS ohne Bindung an die Webflow-Designoberfläche sucht, ist mit einem generischen REST/GraphQL-Zugriff über die Webflow Data API womöglich besser bedient als mit dem Designer-nahen MCP-Werkzeugkasten.

Sicherheit, Datenfluss und Grenzen

Webflow-Projekte können fremde Inhalte enthalten – etwa Formulareinsendungen, CMS-Einträge aus externen Quellen oder Kommentare –, die in Prompts oder Tool-Ergebnisse einfließen. Solche Inhalte sollten wie jeder nicht vertrauenswürdige Text behandelt werden, nicht als Anweisung an den Agenten. Werkzeugergebnisse laufen über den verbundenen KI-Client und können bei diesem beim jeweiligen Modellanbieter verarbeitet werden; vor sensiblen Kundendaten, Zugangsdaten oder unveröffentlichten Inhalten lohnt sich ein Blick in die Datenrichtlinien des verwendeten Clients und Modells. Für produktive Sites empfiehlt sich, schreibende Aktionen zunächst an unkritischen Seiten oder in einer Staging-Umgebung zu testen und Änderungen im Activity Log zu kontrollieren, bevor sie live gehen. Bei lokalem Betrieb mit WEBFLOW_TOKEN sollte das Token wie jedes API-Secret behandelt und nicht in Klartext geteilt werden.

MCP-kompatibler KI-Client (z. B. Cursor oder Claude Desktop), ein Webflow-Konto mit Zugriff auf das Zielprojekt und für den lokalen Betrieb Node.js ab Version 22.3.0 sowie ein Webflow-API-Token.

Remote (empfohlen): https://mcp.webflow.com/sse als MCP-Server in der Client-Konfiguration eintragen und den OAuth-Flow abschließen; Webflow installiert dabei automatisch die MCP Bridge App. Lokal: eigenes Webflow-App registrieren, WEBFLOW_TOKEN setzen und npx -y webflow-mcp-server@latest als Kommando in der MCP-Konfiguration hinterlegen.

npx -y webflow-mcp-server@latest

Remote-Server: OAuth-Autorisierung beim Verbinden. Lokaler Betrieb: persönliches Webflow-API-Token über die Umgebungsvariable WEBFLOW_TOKEN.

Laut Anbieter kann ein Agent über den MCP-Server nur das tun, was das verbundene Konto auch im Webflow Designer selbst tun könnte; Teamrollen und -berechtigungen werden vollständig durchgesetzt.

Der Server liefert Projekt-, CMS- und Analytics-Daten an den verbundenen KI-Client. Dieser kann Ergebnisse an seinen Modellanbieter weitergeben; dessen Datenrichtlinie separat prüfen. Alle Änderungen werden im Webflow Activity Log mit KI-Attribution dokumentiert.

Projektinhalte (Formulare, CMS-Einträge, Kommentare) können untrusted Text enthalten. Schreibende Aktionen zunächst an unkritischen Seiten testen, das lokale WEBFLOW_TOKEN wie ein Secret behandeln und Änderungen im Activity Log kontrollieren.