Webflow
Manage Webflow CMS, pages, assets and sites
Webflow MCP lets AI tools design pages, manage CMS content. Browse and update collections, create and edit pages, modify layouts and styles, and automate site-level tasks through natural language prompts. Bring Webflow into your AI workflow with a structured, secure interface that translates AI actions into real changes across your site—helping teams build, update, and scale Webflow projects faster with less manual work.
Install
1Add the server to Claude Code
claude mcp add --transport http webflow https://mcp.webflow.com/mcp2Sign in
Run /mcp in Claude Code and complete the login flow for this server.
These instructions target Claude Code. Check the publisher's documentation for support in other Claude surfaces; a valid server URL alone does not establish compatibility.
JSON.mcp.json for a shared project
Commit this file so everyone on the project gets the same server.
{
"mcpServers": {
"webflow": {
"type": "http",
"url": "https://mcp.webflow.com/mcp"
}
}
}Tools
- webflow_guide_tool
- ask_webflow_ai
- data_cms_tool
- data_components_tool
- data_pages_tool
- data_scripts_tool
- data_sites_tool
- data_comments_tool
- data_enterprise_tool
- asset_tool
- get_image_preview
- de_component_tool
- element_builder
- element_tool
- element_snapshot_tool
- de_page_tool
- style_tool
- de_learn_more_about_styles
- variable_tool