Connect Devin Desktop to Webflow

Updated

Learn how to connect Devin Desktop to your Webflow sites and Workspaces.

You can connect Devin Desktop 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 Devin Desktop to set up a new CMS Collection — Devin Desktop can add the fields you describe, create the Collection, and add items.

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 MCP server in Devin Desktop

To connect Devin Desktop to your sites and Workspaces:

  1. Go to Devin Settings > Devin Local
  2. Click Open Devin MCP marketplace
  3. Click Add custom MCP
  4. Replace the placeholder JSON with:
   {
     "mcpServers": {
       "webflow": {
         "serverUrl": "https://mcp.webflow.com/mcp"
       }
     }
   }
  1. Go to File > Save, or press ctrl/cmd + S on your keyboard
  2. Open the Devin MCP Registry tab
  3. Click Connect (next to Webflow MCP)
  4. Confirm the URL: http://127.0.0.1:8765/auth/callback
  5. Click Continue
  6. Choose the sites and/or Workspaces you want to give Devin Desktop access to
  7. Click Authorize App
  8. Return to Devin Desktop

Learn more

Help Center articles:

Developer documentation:

Related articles