> This page is for MCP Server.

> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://developers.webflow.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://developers.webflow.com/_mcp/server.

# Claude Desktop

> Install and configure Webflow's MCP server and AI tools using the Claude Desktop Connector to manage your Webflow sites directly from Claude.

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](#connecting-claude-desktop-manually).

## Using the Claude connector

#### 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](/_fern-img/5978b53a9f117dedbd4c12981676274630a99bd5e30e333b1281a61094b1a825.webp)

#### Find the Webflow connector

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

#### Select the Webflow connector

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

#### Grant access

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

#### 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](/_fern-img/6ccc744c3720df5b29b183b9cb55a4c9e56ea15429c0c1ad09755d6524fe36ef.webp)

#### 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](https://support.claude.com/en/articles/11175166-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.

## Next steps

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

#### [Explore the prompt library](/mcp/examples)

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

#### [Use skills](/mcp/reference/skills)

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

#### [Learn how it works](/mcp/reference/how-it-works)

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