Learn how to connect Grok Build to your Webflow sites and Workspaces.
You can connect Grok Build 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 Grok Build to build a new landing page from a brief — Grok Build 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
Users with any site role except Reviewer can connect to the Webflow
MCP server. The MCP server respects each user’s existing role permissions.
Set up the Webflow plugin in Grok Build
You can connect Grok Build to your sites and Workspaces using the Webflow plugin. There are two ways to install it.
Install the Webflow plugin in Grok Build
To install the plugin from Grok Build's chat window:
- In the chat window, type in
/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 Grok Build access to
- Click Authorize App
- Follow the prompt to return to Grok Build
Install the Webflow plugin from the Marketplace
To install the plugin from the Marketplace:
- Go to the Marketplace
- Sign in (if you aren't already)
- Search for "Webflow"
- Choose Webflow
- Click + Add to Grok Build
- Click Add Plugin
- Open Grok Build
- 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 Grok Build access to
- Click Authorize App
- Follow the prompt to return to Grok Build
Good to know
In addition to the MCP server, the Webflow plugin for Grok Build
includes
pre-built skills for accessibility audits, CMS best practices, and
checking for broken or insecure links.
Learn more
Help Center articles:
Developer documentation: