{
  "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.

4. Save and close the file. Cursor will automatically open an OAuth login page where you can authorize Webflow sites to use with the MCP server.

Open the Webflow Designer

• Open your site in the Webflow Designer, or ask your AI agent:

Give me a link to open <MY_SITE_NAME> in the Webflow Designer

Open the MCP Webflow App

1. In the Designer, open the Apps panel (press E).
2. Launch your published "Webflow MCP Bridge App".
3. Wait for the app to connect to the MCP server.

Write your first prompt

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

Claude desktop

Add MCP server to Claude desktop

1. Enable developer mode: Help → Troubleshooting → Enable Developer Mode.
2. Open developer settings: File → Settings → Developer.
3. Click Get Started or edit the configuration to open `claude_desktop_...