by webflow
Enables AI agents to interact with Webflow's Data API via the Model Context Protocol, supporting remote and local deployments.
Webflow MCP Server provides a Node.js implementation of the Model Context Protocol that connects AI agents (e.g., Cursor, Claude Desktop) to Webflow's Data API. It allows AI‑driven workflows such as content analysis, SEO recommendations, and site modifications directly from the designer.
mcpServers.webflow
in .cursor/mcp.json
or claude_desktop_config.json
pointing to the hosted server URL (https://mcp.webflow.com/sse
). The client will open an OAuth flow to authorize your Webflow sites.npx -y webflow-mcp-server@latest
and provide a Webflow API token via WEBFLOW_TOKEN
environment variable. Example configuration:
{
"mcpServers": {
"webflow": {
"command": "npx",
"args": ["-y", "webflow-mcp-server@latest"],
"env": { "WEBFLOW_TOKEN": "<YOUR_WEBFLOW_TOKEN>" }
}
}
}
pages_update_static_content
).Q: Do I need a Webflow account? A: Yes, a Webflow account is required to generate an API token or authorize via OAuth.
Q: Which Node version is supported? A: Node.js 22.3.0 or newer.
Q: How do I reset my OAuth token?
A: Run rm -rf ~/.mcp-auth
in your terminal.
Q: Can I run the server locally without OAuth?
A: Yes, set WEBFLOW_TOKEN
in the environment and start the server with npx -y webflow-mcp-server@latest
.
Q: Why does pages_update_static_content
fail for the default locale?
A: The endpoint currently supports only secondary locales; updates to the default locale are not yet implemented.
Q: What if npx
commands fail?
A: Ensure Node and NPM are correctly installed, clear the NPM cache (npm cache clean --force
), and fix any global permission issues.
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.
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.
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.
Settings → Cursor Settings → MCP & Integrations
.+ New MCP Server
..cursor/mcp.json
(or add the webflow
part to your existing configuration):{
"mcpServers": {
"webflow": {
"url": "https://mcp.webflow.com/sse"
}
}
}
Tip: You can create a project-level
mcp.json
to avoid repeated auth prompts across multiple Cursor windows. See Cursor’s docs on configuration locations.
Give me a link to open <MY_SITE_NAME> in the Webflow Designer
E
).Try these in your AI chat:
Analyze my last 5 blog posts and suggest 3 new topic ideas with SEO keywords
Find older blog posts that mention similar topics and add internal links to my latest post
Create a hero section card on my home page with a CTA button and responsive design
Help → Troubleshooting → Enable Developer Mode
.File → Settings → Developer
.Get Started
or edit the configuration to open claude_desktop_config.json
and add:{
"mcpServers": {
"webflow": {
"command": "npx",
"args": ["mcp-remote", "https://mcp.webflow.com/sse"]
}
}
}
Cmd/Ctrl + R
). An OAuth login page will open to authorize sites.Give me a link to open <MY_SITE_NAME> in the Webflow Designer
E
).Analyze my last 5 blog posts and suggest 3 new topic ideas with SEO keywords
Find older blog posts that mention similar topics and add internal links to my latest post
Create a hero section card on my home page with a CTA button and responsive design
To reset your OAuth token, run the following command in your terminal.
rm -rf ~/.mcp-auth
Please see the Node.js compatibility guidance on Webflow's developer docs.
You can also configure the MCP server to run locally. This requires:
Before connecting the local MCP server to your AI client, you must create and publish the Webflow MCP Bridge App in your workspace.
Register a Webflow App
Get the MCP Bridge App code
bundle.zip
from the releases page.git clone https://github.com/virat21/webflow-mcp-bridge-app
cd webflow-mcp-bridge-app
Publish the Designer Extension
bundle.zip
file.Open the App in Designer
Add to .cursor/mcp.json
:
{
"mcpServers": {
"webflow": {
"command": "npx",
"args": ["-y", "webflow-mcp-server@latest"],
"env": {
"WEBFLOW_TOKEN": "<YOUR_WEBFLOW_TOKEN>"
}
}
}
}
Add to claude_desktop_config.json
:
{
"mcpServers": {
"webflow": {
"command": "npx",
"args": ["-y", "webflow-mcp-server@latest"],
"env": {
"WEBFLOW_TOKEN": "<YOUR_WEBFLOW_TOKEN>"
}
}
}
}
E
) and launch your published “Webflow MCP Bridge App”.get_designer_app_connection_info
tool from your AI client and paste the returned http://localhost:<port>
URL.WEBFLOW_TOKEN="<YOUR_WEBFLOW_TOKEN>" npx -y webflow-mcp-server@latest
# PowerShell
$env:WEBFLOW_TOKEN="<YOUR_WEBFLOW_TOKEN>"
npx -y webflow-mcp-server@latest
To reset your OAuth token, run the following command in your terminal.
rm -rf ~/.mcp-auth
Please see the Node.js compatibility guidance on Webflow's developer docs.
If you are having issues starting the server in your MCP client e.g. Cursor or Claude Desktop, please try the following.
YOUR_WEBFLOW_TOKEN
in your MCP client configuration with the token you copiedRun the following commands to confirm you have Node and NPM installed:
node -v
npm -v
Sometimes clearing your NPM cache can resolve issues with npx
.
npm cache clean --force
If npm -v
doesn't work for you but sudo npm -v
does, you may need to fix NPM global package permissions. See the official NPM docs for more information.
Note: if you are making changes to your shell configuration, you may need to restart your shell for changes to take effect.
See the ./tools
directory for a list of available tools
This implementation doesn't include prompts
or resources
from the MCP specification. However, this may change in the future when there is broader support across popular MCP clients.
The pages_update_static_content
endpoint currently only supports updates to localized static pages in secondary locales. Updates to static content in the default locale aren't supported and will result in errors.
Please log in to share your review and rating for this MCP.
{ "mcpServers": { "webflow": { "command": "npx", "args": [ "-y", "webflow-mcp-server@latest" ], "env": { "WEBFLOW_TOKEN": "<YOUR_WEBFLOW_TOKEN>" } } } }
Discover more MCP servers with similar functionality and use cases
by zed-industries
Provides real-time collaborative editing powered by Rust, enabling developers to edit code instantly across machines with a responsive, GPU-accelerated UI.
by cline
Provides autonomous coding assistance directly in the IDE, enabling file creation, editing, terminal command execution, browser interactions, and tool extension with user approval at each step.
by continuedev
Provides continuous AI assistance across IDEs, terminals, and CI pipelines, offering agents, chat, inline editing, and autocomplete to accelerate software development.
by github
Enables AI agents, assistants, and chatbots to interact with GitHub via natural‑language commands, providing read‑write access to repositories, issues, pull requests, workflows, security data and team activity.
by block
Automates engineering tasks by installing, executing, editing, and testing code using any large language model, providing end‑to‑end project building, debugging, workflow orchestration, and external API interaction.
by RooCodeInc
An autonomous coding agent that lives inside VS Code, capable of generating, refactoring, debugging code, managing files, running terminal commands, controlling a browser, and adapting its behavior through custom modes and instructions.
by lastmile-ai
A lightweight, composable framework for building AI agents using Model Context Protocol and simple workflow patterns.
by firebase
Provides a command‑line interface to manage, test, and deploy Firebase projects, covering hosting, databases, authentication, cloud functions, extensions, and CI/CD workflows.
by gptme
Empowers large language models to act as personal AI assistants directly inside the terminal, providing capabilities such as code execution, file manipulation, web browsing, vision, and interactive tool usage.