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

# Cursor

> Install and configure Webflow's MCP server and AI tools using the Cursor plugin so your AI agent can build and manage your Webflow sites in Cursor.

Webflow provides a plugin that provides Cursor with direct access to the Webflow MCP server.
If you prefer, you can connect manually, as described in [Connecting Cursor manually](#connecting-cursor-manually).

## Using the Cursor plugin

#### Find the Webflow plugin

In the [Cursor Marketplace](https://cursor.com/marketplace), find the [Webflow plugin](https://cursor.com/marketplace/webflow) and install it.

#### Add the plugin to Cursor

Click **Add to Cursor**.

#### Grant access

The first time you use the Cursor plugin, grant Cursor 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 Cursor access to and then click `Authorize App`.

#### 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 Cursor manually

To connect Cursor manually, click the **Add to Cursor** button below or follow the instructions below:

[![Install MCP Server](https://cursor.com/deeplink/mcp-install-light.svg)](https://cursor.com/en-US/install-mcp?name=webflow\&config=eyJ1cmwiOiJodHRwczovL21jcC53ZWJmbG93LmNvbS9tY3AifQ%3D%3D)

[![Install MCP Server](https://cursor.com/deeplink/mcp-install-dark.svg)](https://cursor.com/en-US/install-mcp?name=webflow\&config=eyJ1cmwiOiJodHRwczovL21jcC53ZWJmbG93LmNvbS9tY3AifQ%3D%3D)

#### Install the MCP server on Cursor

1. Go to `Settings → Cursor Settings → MCP & Integrations`
2. Under MCP Tools, click `+ New MCP Server`/`Add Custom MCP`
3. Paste the following configuration into `.cursor/mcp.json` (or add the `webflow` part to your existing configuration):

   #### .cursor/mcp.json

   ```json
   {
     "mcpServers": {
       "webflow": {
         "url": "https://mcp.webflow.com/mcp"
       }
     }
   }
   ```

   > **Use project-specific MCP configuration to avoid repeated auth prompts**
   >
   > Configure `mcp.json` [per project](https://docs.cursor.com/en/context/mcp#configuration-locations) instead of using Cursor's global settings. This prevents repeated authentication prompts when opening multiple Cursor windows without being authenticated.
4. Save and close the file

#### Authorize the MCP server and app

1. Go to `Settings → Cursor Settings → MCP & Integrations`
2. Authorize Webflow MCP by clicking the Connect button
3. Cursor automatically opens an OAuth login page where you authorize the Webflow sites you want to access and install the [MCP Bridge App](/mcp/reference/how-it-works#webflow-mcp-bridge-app).
4. When authorization is complete, the Webflow MCP indicator turns green.

> **Limit authorized sites**
>
> Limit the number of sites for security and performance. To reauthorize, click **Logout** by expanding Webflow MCP.

#### 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
```

> **Start with a fresh project for better MCP performance**
>
> MCP servers perform more efficiently with smaller codebases. In Cursor, create a project when using the MCP server to reduce tool call overhead and improve response times.

## Re-authenticating to Cursor

You can re-authenticate and choose different sites and Workspaces to access later by following these steps:

1. In the Cursor settings, click **Tools & MCP**.

2. In the Webflow MCP server, expand the list of tools to reveal the **Logout** button:

   ![Logging out of the Webflow MCP server](/_fern-img/8899ecf5417fbc736af16fda7fd9a32a3ac79eef9756cca81142f9aaa0aca533.webp)

3. Click **Logout**.
   Cursor logs out of the MCP server and shows a **Connect** button.

4. Click **Connect** and follow the prompts to log in to your Webflow account and connect sites and Workspaces again.

## 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.