Verbinden Sie Ihre KI-Agenten mit Webflow

Erstellen und verwalten Sie Ihre Websites mit KI-Tools wie Claude und Cursor – im großen Stil und ohne Abstriche bei Kontrolle und Governance.

Jetzt loslegen
Jetzt loslegen
Mit Expert:in sprechen
Mit Expert:in sprechen

Nehmen Sie diese Figma-Datei und setzen Sie sie in Webflow genau wie entworfen als CMS-Template um.

Arbeiten Sie mit Ihren bevorzugten Tools

Screenshot of a Claude chat that reads, "Use my design system to build out this pricing component on the pricing page."

Schneller markenkonformen Content erstellen

Geben Sie KI-Agenten den vollständigen Kontext Ihres Designsystems, damit sie in Rekordzeit markenkonforme Webseiten und CMS-Content erstellen können.

Screenshot of a Slack chat that reads, "How is the Numero pricing page performing this week compared to last week?"

Mehr aus Ihren Website-Daten herausholen

Analysieren Sie die Performance Ihrer Website in natürlicher Sprache und teilen Sie Daten über verschiedene Tools hinweg, um aussagekräftige Einblicke in Ihre bestehenden KI-Workflows zu bringen.

Screenshot of a Cursor chat that reads, "Create a branch of the Numero home page so we can explore some changes."

Sicher im großen Stil zusammenarbeiten

Steuern Sie den Agentenzugang mit Rollen und Berechtigungen, entwickeln Sie Seiten-Branches sicher weiter und verwalten Sie Content mit einem integrierten CMS.

So funktioniert es

Der Webflow MCP verbindet Webflow mit KI-Tools wie Claude und ChatGPT, damit KI-Agenten in Ihrem Namen handeln können.

1

Ihre Tools verbinden

Verbinden Sie Webflow mit den KI-Tools, die Sie bereits nutzen, sodass Sie Ihre Websites innerhalb Ihrer bestehenden KI-Workflows verwalten können.

Leitfäden für Verbindungen durchsuchen
Leitfäden für Verbindungen durchsuchen

2

Eigene Regeln definieren

Schaffen Sie eine zentrale, einheitliche Kontextquelle, um Ihre KI-Agenten mit Skills und Referenzen wie Markenrichtlinien und Rechtsdokumenten in die richtige Richtung zu weisen.

Beispielanweisungen für Agenten anzeigen
Beispielanweisungen für Agenten anzeigen

3

Mit Prompts starten

Fordern Sie Ihren KI-Agenten einfach auf, neue Seiten zu erstellen, CMS-Content zu verwalten, Ihren Website-Traffic zu analysieren und mehr.

Prompt-Bibliothek anzeigen
Prompt-Bibliothek anzeigen

4

Mit dem visuellen Editor verfeinern

Prüfen und optimieren Sie KI-Ergebnisse auf einer visuellen Arbeitsfläche, damit alles perfekt ist, bevor Sie veröffentlichen.

Jetzt loslegen
Jetzt loslegen

Webflow MCP für Enterprise

Mit Expert:in sprechen
Mit Expert:in sprechen
Screenshot of the Webflow roles settings dropdown.

Differenzierte Zugriffskontrollen

Der MCP von Webflow unterstützt benutzerdefinierte Rollen und Berechtigungen sowie differenzierten Zugriff pro Website, CMS-Collection, Seite und Sprachversion.

Screenshot of the Webflow Site Activity Log with one log marked as being completed by the MCP.

MCP-Aktionen im Website-Aktivitätsprotokoll nachverfolgen

Sehen Sie genau, wann eine Änderung über den MCP vorgenommen wurde, wer sie ausgelöst hat und was betroffen war. Fragen Sie das Aktivitätsprotokoll über MCP ab, um Website-Audits schneller und im großen Stil durchzuführen.

Webflow publish panel showing with options to publish all pages or just the current page.

Seiten einzeln veröffentlichen, um Risiken bei der Weiterentwicklung zu reduzieren

Veröffentlichen Sie einzelnen Seite, ohne Ihre gesamte Website neu veröffentlichen zu müssen. Korrekturen und Updates gehen live, sobald sie bereit sind, während der Rest Ihrer Live-Website unverändert bleibt.


“Our workflows with Figma, Claude Code, and Webflow's MCP have been an absolute game changer. I really see this as our future workflow."

Alex Mejias
Head of Global Design Technology and Interactive Experience
Amazon
Customer story
Customer story

Kundenreferenz

Vom Briefing zum Durchbruch: Die Product Story von Frontify mit Rive zum Leben erwecken

Wie OFF+BRAND für Frontify in Rive ein scrollgesteuertes, klickreaktives interaktives Erlebnis entwickelt hat.

Gesamte Story lesen
Gesamte Story lesen

18 % mehr Interaktionen

Wie OFF+BRAND für Frontify in Rive ein scrollgesteuertes, klickreaktives interaktives Erlebnis entwickelt hat.

18 % mehr Interaktionen

Wie OFF+BRAND für Frontify in Rive ein scrollgesteuertes, klickreaktives interaktives Erlebnis entwickelt hat.

Mit Expert:in sprechen

Wenden Sie sich an unser Vertriebsteam, um zu erfahren, wie Webflow MCP Ihr gesamtes Team unterstützen kann.

FAQs

Webflow MCP (Model Context Protocol) connects AI tools like Claude, Cursor, and Windsurf directly to your Webflow projects, so you can design, build, and manage your site through natural language. Describe what you want, and your AI agent handles the implementation — no manual API calls, no custom authentication setup required.

It's built on Webflow's Data and Designer APIs, which means your AI agent works with your real site data, design system, and CMS content. Whether you're a developer looking to move faster or a marketer who wants to update content without touching the editor, Webflow MCP gives your AI agent the context it needs to take meaningful action on your site.

Webflow MCP supports design, content, governance, and performance workflows — all through natural language prompts. On the design side, you can create layouts, work with components, apply styles, manage design variables, and build across breakpoints. For content, you can create and update CMS collections and items at scale without opening the editor.

Beyond building, Webflow MCP supports governance and collaboration workflows. Create and manage page branches to iterate safely without affecting your live site, query site activity logs to see what changed and when, and enforce your team's existing roles and permissions so agents only access what they're authorized to touch. You can also analyze site performance conversationally, asking questions about traffic, top pages, and engagement trends, and share that data across your other tools.

The Webflow API is a set of programmatic interfaces that developers use to interact with Webflow data by writing code. Webflow MCP is built on top of those same APIs, but exposes them as tools that an AI agent can use on your behalf — so you don't need to write code to get things done. Describe what you want in plain language, and MCP translates that into the right API calls automatically.

With Webflow MCP, anyone with access to a compatible AI tool can prompt their way through design, content, and site management tasks, while keeping the same underlying data access and security controls the API provides.

Webflow MCP supports parts of a migration or CMS structuring workflow, but it's not built for full site migrations from one platform to another. You can use it to create and manage CMS collections, add and update collection items at scale, and structure content programmatically — which makes it useful for setting up or reorganizing your CMS architecture with the help of an AI agent.

For teams moving content into Webflow or restructuring an existing site, MCP accelerates the process by letting you create collections, populate fields, and manage content through natural language prompts rather than manual data entry. Full one-shot platform migrations are outside what MCP is built for, so it works best as a tool for structured, incremental content work.

Webflow MCP doesn't yet cover every capability available, but its capabilities are actively expanding. Check the developer documentation for the latest on what's supported.

MCP-Ressourcen

Starter-Kit

Tutorials, Videos und Artikel für jede Phase – ob für Einsteiger:innen oder Expert:innen.

Starter-Kit durchsuchen

Prompt-Bibliothek

Eine Bibliothek mit Prompts, die Ihnen hilft, mehr aus Ihren KI-Agenten herauszuholen.

Mehr erfahren

Agenten-Anweisungen

Ein Set aus grundlegenden Skills und Regeln, das Ihre KI-Agenten von Anfang an anleitet.

Mehr erfahren

Alle Funktionen

Bauen und Entwerfen
Managen
Optimieren
Verlängern