mcp · webflow — Claude Code MCP server: what it does, how to install
This MCP server connects an AI agent to Webflow APIs and Designer. Use it to inspect content, update pages, and work with Webflow sites through prompts.
claude mcp add --transport http mcp https://mcp.webflow.com/mcpWhat mcp does
The server gives an AI agent access to Webflow operations such as reviewing blog posts, suggesting topics, adding internal links, and creating a hero card with a call-to-action. It runs as a remote Webflow MCP endpoint and uses OAuth to authorize access to sites.
You need a Webflow account and Node.js 22.3.0 or newer. In Webflow Designer, launch the published “Webflow MCP Bridge App” so the live canvas can connect to the agent. Without Webflow authorization, the agent cannot access your sites.
What it helps with
- review recent blog posts
- suggest SEO-focused article topics
- add internal links between related posts
- build a responsive hero card with a CTA
- connect an AI agent to Webflow APIs
Example prompts for the agent
- Review my latest blog posts and suggest new subjects with relevant SEO keywords.
- Locate older posts on related subjects and link them to the newest post.
- Build a responsive hero card with a call-to-action on the home page.
How to install mcp
Platform CLI: remote server
claude mcp add --transport http mcp https://mcp.webflow.com/mcpPlatform CLI: remote server
codex mcp add webflow-mcp --url https://mcp.webflow.com/mcpConfig file
{
"mcpServers": {
"webflow-mcp": {
"url": "https://mcp.webflow.com/mcp"
}
}
}Config file
{
"servers": {
"webflow-mcp": {
"type": "http",
"url": "https://mcp.webflow.com/mcp"
}
}
}Platform CLI: remote server
gemini mcp add -t http webflow-mcp https://mcp.webflow.com/mcpStep by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about mcp
How do I install mcp in Claude Code?
Run claude mcp add --transport http mcp https://mcp.webflow.com/mcp.
What does mcp do?
It connects an AI agent to Webflow APIs and Designer. The agent can inspect content, modify pages, and work with Webflow sites through prompts.
What does mcp require for Webflow access?
You need a Webflow account, Node.js 22.3.0 or newer, and OAuth authorization. The published “Webflow MCP Bridge App” must also be launched in Designer.
Similar MCP servers
All MCP servers for Agent setup: memory, context, orchestration →mcp by other authors comes first.
