mcp-server

MCP.Pizza Chef: webflow

Webflow builds and maintains this one. Twenty-three tools reach your sites, pages, blog collections, comments, components and design elements, so an assistant can read your content, draft new entries, rewrite page titles and build sections inside the Designer. Signing in happens through Webflow itself, so there is nothing secret to copy and paste. Two cautions: it can publish a site live and delete collection entries with no confirmation step, and the design tools only answer while the companion Bridge App is open in your browser.

Coding
Images/Design
Writing

Use This MCP server To

Draft new blog posts straight into my Webflow collections Rewrite page titles and descriptions across my whole site Add internal links between related blog posts Build a hero section on my home page Read the comments visitors left on my site Publish my site once I have approved every change

README

Webflow's MCP server

A Node.js server implementing Model Context Protocol (MCP) for Webflow using the Webflow JavaScript SDK. Enable AI agents to interact with Webflow APIs. Learn more about Webflow's Data API in the developer documentation.

npm shield Webflow

Prerequisites

🚀 Remote installation

Get started by installing Webflow's remote MCP server. The remote server uses OAuth to authenticate with your Webflow sites, and a companion app that syncs your live canvas with your AI agent.

Requirements

  • Node.js 22.3.0 or higher

Note: The MCP server currently supports Node.js 22.3.0 or higher. If you run into version issues, see the Node.js compatibility guidance.

Cursor

mcp-server FAQ

Do I need to paste a secret key?
Not for the hosted version. You point your app at Webflow's own address and sign in through Webflow, then pick which sites the assistant may touch. Only the run-it-yourself version needs a Webflow access token pasted into a settings file.
Can it delete or publish things without asking me?
Yes, so read what it proposes. Publishing a site live and deleting collection entries are both available as ordinary tools, and neither one pauses for a confirmation. There is no read-only mode.
Which apps does it work in?
Cursor and Claude Desktop have step-by-step instructions, and any app that speaks the same protocol can connect to the hosted address.
Why do the design tools do nothing?
Because the Designer half needs a companion app running. Open your site in the Webflow Designer, press E for the Apps panel, and launch the Webflow MCP Bridge App. Until that is connected, only the content tools respond.
Can I use this to write and file a blog post?
Yes. This is the strongest use. Your assistant can read your existing posts for tone, draft a new one, fill in the fields of your blog collection and leave it unpublished for you to review.
How hard is it to set up?
Moderate. Pasting the settings takes a minute, but you also need a recent Node install, and the Designer features need the Bridge App published into your workspace before they work.
Does it cost anything?
The connector itself is free and open source. You need a Webflow account, and Webflow's own plan limits still apply to what you can store and publish.