Potencialize seu agente
A URL do próprio publicador. Não é um endpoint do PlugMCP.
Host a copy with our keys and logs.
https://mcp.webflow.com/mcpO botão do Claude acima abre o Claude com o nome e a URL preenchidos. Você ainda precisa confirmar lá.
claude mcp add --transport http com.webflow-mcp https://mcp.webflow.com/mcpRun in a terminal.
{ "mcpServers": { "com.webflow-mcp": { "command": "npx", "args": [ "-y", "mcp-remote", "https://mcp.webflow.com/mcp" ] } }}claude_desktop_config.json
URL remota ou um comando na sua máquina? Como as duas instalações diferem
Rodar no PlugMCP
A new server you create. It is not this listing's official endpoint. Use the publisher install when you want their URL and their credentials.
AbrirDo publicador
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.
AI-powered design and management for Webflow Sites
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.jsonto 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.
AI-powered design and management for Webflow Sites
{ "mcpServers": { "com.webflow-mcp": { "url": "https://mcp.webflow.com/mcp", "headers": {} } }}Ferramentas
Ainda não há lista de ferramentas. Servidores remotos recebem uma após a primeira verificação de saúde.
Perguntas frequentes
Copie nesta página a configuração http para Cursor, Claude Desktop, Claude Code ou VS Code. Ela usa a instalação do publicador, não um proxy do PlugMCP.
Este registro não lista nenhuma variável de ambiente obrigatória.
Webflow é acessado por HTTP.
Última verificação: 2026-11-10. AI-powered design and management for Webflow Sites