OpenDesign
Security scan passedConnects your coding agent to OpenDesign on your machine: start design runs, create projects and read the live files of your prototypes.

Lets your agent build and run your Webflow sites: lay out pages, edit styles and components, manage the CMS and SEO, and publish.
by Webflow· DesignUnclaimed · Yours? Claim it
4 images
About
Webflow's own MCP server connects your agent to your Webflow sites. Describe what you want and your agent does it through Webflow's APIs: elements, styles, components and variables on the page, plus the CMS, pages, assets, SEO settings and site analytics. It works within your existing Webflow permissions and roles, and the changes it makes are recorded in your site's activity log. What you can do with it - Build responsive sections, add and edit elements, and create classes, components and variables - Create CMS collections and fields, and add, update and publish items - Create pages and update their meta titles, descriptions, Open Graph tags and schema markup - Audit a site for broken links, missing alt text and weak metadata, then fix what it finds - Organise and compress assets, upload custom fonts and add custom code - Read form submissions and comment threads, and publish a site to its domains - Read traffic, Optimize test results and AEO data on sites with those add-ons How it connects Webflow hosts it at https://mcp.webflow.com/mcp. Webflow offers a connector in Claude and an app in ChatGPT, and other agents can add the address by hand. Sign-in is OAuth: you log in to Webflow and choose the sites and workspaces your agent can reach. Each sign-in covers one workspace, and only site owners and admins can authorize a site. Good to know - Most tools work without Webflow open. A few, such as element snapshots and reading the current selection, page or breakpoints, need the site open in the Webflow Designer with the Webflow MCP Bridge App running; the app installs when you sign in. - It can't create new site projects: make the site in the Webflow dashboard first. - Page branches and team administration need an Enterprise plan, and the Analyze, Optimize and AEO tools need those add-ons. - Each site can give agents its own Agent Instructions, which the server passes on automatically. - Webflow also runs a Beta server at https://mcp.webflow.com/beta/mcp for experimental tools.
Once it’s added
“List all my collections and show me their field structures.”
“Audit my site for broken links, missing alt text, and incomplete meta descriptions.”
Before you add it
Reads only
Your sites, pages, CMS collections and items · Styles, components, variables and assets · Form submissions and comment threads · Traffic, test results and AEO data, with those add-ons
Makes changes · your agent can ask first
Builds elements, styles, components and variables on a page · Creates and updates CMS items, pages and SEO metadata · Manages assets, fonts and custom code · Publishes a site to its domains
From people who use it
Step by step
Nothing new reaches your agent until a person has looked at it.
Plugins people install alongside Webflow MCP.
No reviews yet. Used Webflow MCP? Say how it went.
Write a reviewA hosted server: nothing runs on your machine.
A hosted server: nothing runs on your machine.
A hosted server: nothing runs on your machine.
A hosted server: nothing runs on your machine.
A hosted server: nothing runs on your machine.
A hosted server: nothing runs on your machine.
A hosted server: nothing runs on your machine.
Add to VS Codecopilot mcp add --transport http webflow-mcp https://mcp.webflow.com/mcp
A hosted server: nothing runs on your machine.
Add to Cursor.cursor/mcp.json{
"mcpServers": {
"webflow-mcp": {
"url": "https://mcp.webflow.com/mcp"
}
}
}A hosted server: nothing runs on your machine.
claude mcp add --transport http webflow-mcp https://mcp.webflow.com/mcp
A hosted server: nothing runs on your machine.
codex mcp add webflow-mcp --url https://mcp.webflow.com/mcp
A hosted server: nothing runs on your machine.
~/.gemini/config/mcp_config.json{
"mcpServers": {
"webflow-mcp": {
"url": "https://mcp.webflow.com/mcp"
}
}
}A hosted server: nothing runs on your machine.
gemini mcp add --transport http webflow-mcp https://mcp.webflow.com/mcp
A hosted server: nothing runs on your machine.
A hosted server: nothing runs on your machine.
openclaw mcp add webflow-mcp --url https://mcp.webflow.com/mcp --transport streamable-http
A hosted server: nothing runs on your machine.
opencode mcp add webflow-mcp --url https://mcp.webflow.com/mcp
A hosted server: nothing runs on your machine.
hermes mcp add webflow-mcp --url https://mcp.webflow.com/mcp
~/.hermes/config.yaml{
"mcp_servers": {
"webflow-mcp": {
"url": "https://mcp.webflow.com/mcp"
}
}
}Scanned and passed · checked 8 h ago
Plugins people install alongside Webflow MCP.
Connects your coding agent to OpenDesign on your machine: start design runs, create projects and read the live files of your prototypes.
Reviews your frontend code and live pages against the Front-End Checklist rules for accessibility, performance, SEO and security.
Your agent draws editorial diagrams in your brand, as one self-contained HTML and SVG file, and redraws Mermaid, draw.io and Excalidraw.
Gives your agent a live tldraw canvas in the chat, so it can draw diagrams, flows and sketches with you.
Nobody has shared how they use Webflow MCP yet.
“Create a responsive hero section with a headline, description, and CTA button.”
“Analyze my last 5 blog posts and suggest 3 new topic ideas with SEO keywords.”
“Find all hardcoded colors, spacing and font values and turn them into variables.”
“Make sure every item in my blog collection has a featured image, a description and SEO metadata.”
Scanned on every change, and again when our rules improve.
Tell us and a person on the trust team will look at it. Or email [email protected].
Security scan
Passed
Safe to install in every agent it supports. Runs remotely on mcp.webflow.com · needs your sign-in.