Skip to content

Webflow MCP Server

Build and manage Webflow sites: create and update CMS collections and items, edit page content, and manage site publishing through Webflow's Data API.

Capabilities
CMS Collections Page Editing Site Publishing Design Elements
Maintained by
Webflow
Hosting
Hosted endpoint, or run it locally
Authentication
OAuth sign-in
Last checked

Only the SSE endpoint is documented; designer tools need the Webflow MCP Bridge companion app.

How to connect the Webflow MCP server

Pick your AI client and paste the snippet. Swap the YOUR_… placeholders for your own values. New to this? Our guide to how MCP clients and servers fit together explains what each piece does.

Hosted server

Claude Code

Terminal
claude mcp add --transport sse webflow https://mcp.webflow.com/sse

Then run /mcp inside Claude Code and choose Authenticate to sign in.

Full Claude Code setup guide →

Claude Desktop and claude.ai

Settings → Connectors → Add custom connector
Name: Webflow
Remote MCP server URL: https://mcp.webflow.com/sse

Custom connectors need a Pro, Max, Team or Enterprise plan. On Team and Enterprise an owner adds them in admin settings.

Full Claude Desktop setup guide →

Cursor

~/.cursor/mcp.json (or .cursor/mcp.json in a project)
{
  "mcpServers": {
    "webflow": {
      "url": "https://mcp.webflow.com/sse"
    }
  }
}
Full Cursor setup guide →

VS Code

.vscode/mcp.json
{
  "servers": {
    "webflow": {
      "type": "sse",
      "url": "https://mcp.webflow.com/sse"
    }
  }
}
Full VS Code setup guide →

ChatGPT

Business, Enterprise and Edu plans (and Pro, read-only) can add this endpoint as an app in developer mode. ChatGPT setup guide →

+ Run it locally instead

Claude Code

Terminal
claude mcp add --env WEBFLOW_TOKEN=YOUR_WEBFLOW_TOKEN --transport stdio webflow \
  -- npx -y webflow-mcp-server@latest
Full Claude Code setup guide →

Claude Desktop

claude_desktop_config.json (Settings → Developer → Edit Config)
{
  "mcpServers": {
    "webflow": {
      "command": "npx",
      "args": [
        "-y",
        "webflow-mcp-server@latest"
      ],
      "env": {
        "WEBFLOW_TOKEN": "YOUR_WEBFLOW_TOKEN"
      }
    }
  }
}

Fully quit and reopen Claude Desktop after saving.

Full Claude Desktop setup guide →

Cursor

~/.cursor/mcp.json (or .cursor/mcp.json in a project)
{
  "mcpServers": {
    "webflow": {
      "command": "npx",
      "args": [
        "-y",
        "webflow-mcp-server@latest"
      ],
      "env": {
        "WEBFLOW_TOKEN": "YOUR_WEBFLOW_TOKEN"
      }
    }
  }
}
Full Cursor setup guide →

VS Code

.vscode/mcp.json
{
  "servers": {
    "webflow": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "webflow-mcp-server@latest"
      ],
      "env": {
        "WEBFLOW_TOKEN": "YOUR_WEBFLOW_TOKEN"
      }
    }
  }
}
Full VS Code setup guide →

Frequently asked questions

What is the Webflow MCP server?

It is a Model Context Protocol (MCP) server — a small piece of software that gives AI assistants like Claude a secure, governed connection to Webflow. Build and manage Webflow sites: create and update CMS collections and items, edit page content, and manage site publishing through Webflow's Data API.

Is there an official Webflow MCP server?

Yes. The Webflow MCP server is an official integration, maintained by the vendor or the Model Context Protocol project, which makes it the safest default for business use. It is maintained by Webflow.

Is the Webflow MCP server hosted, or do I run it myself?

Both. Webflow runs a hosted endpoint at https://mcp.webflow.com/sse, so most people just paste that URL into their AI client. You can also run the server locally with npx, supplying your own credentials.

Do I need an API key for the Webflow MCP server?

No API key is needed for the hosted server. You sign in through Webflow's own OAuth screen, and the assistant only gets the access your account has.

What can an AI assistant actually do with Webflow?

Through this server an assistant can work with cms collections, page editing, site publishing, design elements — reading from and acting on Webflow directly instead of you copy-pasting between windows. What you allow it to do is controlled by the permissions you grant.

How do I set this up for my business?

The setup section above has copy-paste config for Claude Code, Claude Desktop, Cursor and VS Code. If you want it rolled out across a team with permissions, governance and support handled, that is what Crox's Build engagement covers.

New to MCP? Start with our plain-English guide to the Model Context Protocol or see how to connect AI to your business tools without writing code .

Done-for-you integration

Want this connected to your business — with governance handled?

Crox maps your processes, connects AI to the tools you already use, and keeps it working as models change. Start with a readiness assessment or talk to us about a build.