For AI agents: a documentation index is available at the root level at /llms.txt and /llms-full.txt. Append /llms.txt to any URL for a page-level index, or .md for the markdown version of any page.
Resources
Get started
ReferencePrompt LibraryChangelog
ReferencePrompt LibraryChangelog
  • MCP Server
    • Overview
    • Getting started
      • Claude Desktop
      • Claude Code
      • Cursor
      • Postman
      • Windsurf
      • Beta server
      • Documentation server
    • How it works
    • Skills
    • FAQs and troubleshooting
LogoLogo
Resources
Get started
On this page
  • Using the Cursor plugin
  • Connecting Cursor manually
  • Re-authenticating to Cursor
  • Next steps
MCP ServerGetting started

Cursor

Was this page helpful?
Previous

Postman

Next
Built with

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.

Using the Cursor plugin

1

Find the Webflow plugin

In the Cursor Marketplace, find the Webflow plugin and install it.

2

Add the plugin to Cursor

Click Add to Cursor.

3

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.

4

Select sites or Workspaces

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

5

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
6

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

Install MCP Server

1

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
    1{
    2  "mcpServers": {
    3    "webflow": {
    4      "url": "https://mcp.webflow.com/mcp"
    5    }
    6  }
    7}
    Use project-specific MCP configuration to avoid repeated auth prompts

    Configure mcp.json per project 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

2

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

3

Open the Webflow Designer

Open your site in the Webflow Designer.

Or, type this prompt in your AI chat window:

Give me a link to open <MY_SITE_NAME> in the Webflow Designer
4

Open the MCP Webflow 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 companion app to connect to the MCP Server.
Webflow MCP Bridge App
5

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

  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

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.