MCP ServerGetting started

Claude Desktop

Webflow provides a connector that provides Claude Desktop with direct access to the Webflow MCP server. If you prefer, you can connect manually, as described in Connecting Claude Desktop manually.

Using the Claude connector

1

Open the list of connectors

In the Claude chat window, click the + symbol and then click Add connectors.

Add connector option in the drop-down list
2

Find the Webflow connector

Search for the Webflow connector by name. You may need to select All instead of Featured to see it.

3

Select the Webflow connector

Click the Webflow connector and then click Connect to install it.

4

Grant access

Grant Claude access to your Webflow account and log in to your Webflow account if you are prompted to do so.

5

Select sites or Workspaces

Select the Webflow sites and Workspaces to give Claude access to and then click Authorize App.

Add connector option in the drop-down list
6

Open the Webflow MCP Bridge App

  1. In the designer, open the Apps panel by pressing the E key.
  2. Launch the “Webflow MCP Bridge App”. This app was automatically installed during the OAuth authorization process.
  3. Wait for the App to connect to the MCP Server.
Webflow MCP Bridge App
7

Write your first prompt

Start interacting with the MCP server in your AI agent’s chat window. Try prompts like:

List all my collections and show me their field structures
Audit my site for broken links, missing alt text, and incomplete meta descriptions
Create a responsive hero section with a headline, description, and CTA button

Connecting Claude Desktop manually

To add the MCP server to Claude Desktop manually, you can create a custom connector as described in Get started with custom connectors using remote MCP. Use the URL https://mcp.webflow.com/mcp for the main MCP server or the URL https://mcp.webflow.com/beta/mcp for the Beta MCP server.

Then when you install the connector, select the sites and Workspaces to give Claude access to and open the Webflow MCP Bridge App in your site.

Next steps

Now that you’ve installed the MCP server, explore what you can do:

Explore the prompt library

Browse ready-to-use prompts for image optimization, SEO audits, style refactoring, and more.

Use skills

Install skills that help you accomplish common Webflow tasks through natural language.

Learn how it works

Understand the architecture, authentication, and how the MCP server connects to Webflow’s APIs.