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

# Beta server

> Connect to Webflow's Beta MCP server to try experimental tools and early-access API features directly from your AI coding tool or agent.

To connect to the Beta MCP server, connect manually with the server URL `https://mcp.webflow.com/beta/mcp`.

The Webflow Claude connector and Cursor plugin connect to the production MCP server, so to connect to the Beta MCP server, configure each client manually with the beta URL.

## Claude Code

#### Install Claude Code CLI

If you haven't installed Claude Code yet, follow the [installation guide](https://github.com/anthropics/claude-code#installation).

Verify the installation:

```bash
claude --version
```

#### Add the Webflow Beta MCP server

Use the CLI to add the Webflow Beta MCP server:

```bash
claude mcp add --transport http webflow-beta https://mcp.webflow.com/beta/mcp
```

This command adds the Webflow Beta MCP server to your Claude Code configuration.

#### Authorize the MCP server and app

Start Claude Code:

```bash
claude
```

When Claude Code is running, use the `/mcp` command to manage MCP servers:

```bash
/mcp list
```

Select the Webflow Beta MCP server from the list.
If you haven't authenticated yet, Claude Code automatically opens a browser window that shows an OAuth login page where you can authorize the Webflow sites you want the MCP server to access and install the [MCP Bridge App](/mcp/reference/how-it-works#webflow-mcp-bridge-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
```

## Claude Desktop

To connect Claude Desktop to the Beta MCP server, use the instructions in [Connecting Claude Desktop manually](/mcp/installing/claude-desktop#connecting-claude-desktop-manually) with the URL of the Beta MCP server: `https://mcp.webflow.com/beta/mcp`.

## Cursor

#### Add the Beta MCP server to 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-beta` entry to your existing configuration):

   #### .cursor/mcp.json

   ```json
   {
     "mcpServers": {
       "webflow-beta": {
         "url": "https://mcp.webflow.com/beta/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 configuration 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 the Webflow Beta MCP server 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 the Webflow Beta MCP server.

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