How to Use the Webflow MCP in Windsurf

Q: Can Windsurf manage multiple Webflow domains?

Absolutely. The server exposes listdomains, letting your agent see every domain associated with a user's account. This makes managing multi-site deployments predictable and repeatable within the IDE.

Q: What happens if I update content on Webflow using Windsurf?

When you use updatecollectionitem, the change is written to the CMS record. If your goal requires that site changes to be live, Cascade can automatically follow up by running publishsite.

Manage your entire web project flow with Windsurf.

See Vinkius in Action

Works with every AI agent you already use

…and any MCP-compatible client

MCP Servers - Free for Subscribers

Connect Webflow MCP to Windsurf

Create your Vinkius account to connect Webflow to Windsurf and route execution through our secure gateway. The platform manages server hosting, runtime updates, and security layers. Configuration requires no manual server provisioning.

GDPR Free for Subscribers

Setup Webflow with Windsurf

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Publishing and Site Management via MCP Server

The `publish_site` tool lets Cascade push a Webflow site to production. You don't have to open the designer just to deploy; Windsurf handles the full publishing sequence autonomously. Need to check if the staging environment is ready? Cascade can first run `list_sites` to see all web properties, then execute `get_site` on a specific domain before finally triggering the deployment.

CMS Content Control for Windsurf

`create_collection_item` lets your agent build out new content records directly in Webflow's CMS. Forget manual entry; set up workflows where Cascade first uses `list_collections` to verify the target, and then populates the data.

Full Site Inventory Check with MCP Server

`list_pages` gives your agent a complete map of every page on a site. When combined with `list_collection_items`, Windsurf can track which CMS content is linked to specific pages, helping you audit site structure across all domains.

Setup guide

Set up Webflow MCP in Windsurf

Prerequisites

Windsurf IDE installed (macOS, Windows, or Linux)
Active Vinkius subscription with a valid endpoint token

1

Open MCP configuration

Click the Cascade assistant icon in the sidebar, then click the hammer icon (🔨) at the top of the panel. Select "Configure" to open ~/.codeium/windsurf/mcp_config.json.
2

Add the Webflow MCP

Paste the JSON snippet shown on the right into the mcpServers object. Replace [YOUR_TOKEN_HERE] with your endpoint token from cloud.vinkius.com.
3

Refresh MCPs

Go back to the hammer icon (🔨) in Cascade and click "Refresh". Windsurf will detect the new server. No full restart is needed — the connection is hot-reloaded.
4

Verify in Cascade

Start a new Cascade conversation and ask something like "Show my Webflow payment history." If connected, Cascade will call the Webflow tools directly. You will see a green dot next to the server name in the MCP panel.

mcp_config.json

{
  "mcpServers": {
    "webflow-mcp": {
      "url": "https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp"
    }
  }
}

Get your connection token →

Independent Platform Disclaimer: Vinkius is an independent platform and is not affiliated with, endorsed by, sponsored by, verified by, or otherwise authorized by Webflow. All third-party trademarks, logos, and brand names are the property of their respective owners. Their use on this website is strictly for informational purposes to identify service compatibility and interoperability.

Why Choose Vinkius

Vinkius connects your tools to AI with real-time monitoring and automatic cost savings — all from one dashboard.

Connect Webflow now

Real-time monitoring

Live

visibility into every interaction

Connect your favorite tools to your AI and see exactly what's happening — every request, every response, in real time.

Built-in savings

60%

lower AI costs

Vinkius compresses data between your apps and your AI automatically. Lower bills every month — no configuration required.

Single dashboard

One

place for every integration

Every tool your AI connects to, managed from a single screen. One account, complete control.

Common questions about Webflow MCP in Windsurf

You define the end goal—like 'Update the pricing page content.' Windsurf's Cascade engine then figures out the steps: it checks site details, retrieves the necessary CMS items using `list_collection_items`, and finally executes the changes.

Yes. The MCP Server allows autonomous multi-step actions. You can build a flow that first runs diagnostics (`get_site`), then updates necessary content, and finally hits `publish_site`—all without manual intervention.

Absolutely. The server exposes `list_domains`, letting your agent see every domain associated with a user's account. This makes managing multi-site deployments predictable and repeatable within the IDE.

When you use `update_collection_item`, the change is written to the CMS record. If your goal requires that site changes to be live, Cascade can automatically follow up by running `publish_site`.

This MCP Server primarily interacts with structured content data: CMS collection items and site metadata. You're dealing with records (the item) linked to a specific site structure.

Use it with your favorite AI tools

Connect this server to Cursor, Claude, VS Code, and more.

OpenAI Agents SDK sdk-python

Google ADK sdk-python

Pydantic AI sdk-python

Vercel AI SDK sdk-typescript