Learn how to connect Cursor to your Webflow sites and Workspaces.
You can connect Cursor to Webflow via the MCP (Model Context Protocol) server and use it to help design, build, and manage your sites using natural-language prompts.
For example, ask Cursor to build a new landing page from a brief — Cursor can add a new page to your site, create a layout based on your existing design system, and generate and add content.
Before you get started
Only Workspace owners, Workspace admins, and Site managers can authorize access to a site through the Webflow MCP server.
Set up the Webflow plugin in Cursor
You can connect Cursor to your sites and Workspaces using the Webflow plugin. There are two ways to install it.
Install the Webflow plugin in Cursor
To install the plugin from Cursor's chat window:
- In the chat window, type
/add-plugin webflow
- Choose Webflow
- Click the "send" icon
- Click Add Plugin
- Click Try in chat
- Click Authenticate
- Confirm the URL:
cursor://anysphere.cursor-mcp/oauth/callback
- Click Continue
- Choose the sites and/or Workspaces you want to give Cursor access to
- Click Authorize App
- Follow the prompt to return to Cursor
Install the Webflow plugin from the Cursor Marketplace
To install the plugin from the Cursor Marketplace:
- Go to the Cursor Marketplace
- Sign in (if you aren't already)
- Search for "Webflow"
- Choose Webflow
- Click + Add to Cursor
- Click Add Plugin
- Open Cursor
- Go to Settings > Plugins > Webflow
- Click Try in chat
- Click Authenticate
- Confirm the URL:
cursor://anysphere.cursor-mcp/oauth/callback
- Click Continue
- Choose the sites and/or Workspaces you want to give Cursor access to
- Click Authorize App
- Follow the prompt to return to Cursor
Good to know
In addition to the MCP server, the Webflow Cursor plugin includes pre-built skills for accessibility audits, CMS best practices, and checking for broken or insecure links.
Learn more
Help Center articles:
Developer documentation: