Learn how to connect Claude to your Webflow sites and Workspaces.
You can connect Claude to Webflow via the MCP (Model Context Protocol) server and use it to help design, build, and manage your sites using natural-language prompts.
For example, ask Claude to add a new post to your Blog Collection — Claude can generate and add content, create the new Collection item, and even publish it to your live site if you want it to.
Before you get started
Only Workspace owners, Workspace admins, and Site managers can authorize access to a site through the Webflow MCP server.
Set up the Webflow connector in Claude
To connect Claude to your sites and Workspaces using the Webflow connector:
- Open a Chat or Code session in Claude
- Click the "plus" icon
- Hover over Connectors
- Choose Add connector
- Search for Webflow
- Choose the Webflow connector
- Click Connect
- Confirm the URL:
https://claude.ai/api/mcp/auth_callback
- Click Continue
- Choose the sites and/or Workspaces you want to give Claude access to
- Click Authorize App
- Follow the prompt to return to Claude
Note
By default, Claude will ask you to approve any actions it wants to take in Webflow. You can also block or always allow specific actions in Claude > Customize > Connectors > Webflow.
Learn more
Help Center articles:
Developer documentation: