How to Use the Webflow MCP in Windsurf

Q: Can Windsurf help me list Webflow site assets?

Yes. The listsiteassets tool lets your agent pull a manifest of all uploaded files (images, PDFs, etc.) associated with a given site ID. This is great for auditing storage usage.

Q: If I need to check Webflow collection items, what do I use in Windsurf?

You start by calling listcmscollections to confirm the name of your content type. Then, you pass that collection ID into listcollectionitems to pull all the specific data records.

Q: Does the Webflow MCP Server support retrieving order data using Windsurf?

Yep. The listecommerceorders tool handles that. It pulls a list of completed or pending orders, giving you immediate access to transactional information for reporting.

Automate Webflow site data management using Windsurf's autonomous agent.

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

Discover all Webflow sites with Windsurf

The `list_sites` tool gives you a list of every Webflow site connected to the account. Use this to build an inventory map before running any other checks. You can also get specific details for one site using `get_site_details`. This is useful when you need to verify things like the primary domain or which user owns the setup.

Manage CMS content via Windsurf's MCP Server

Need to update a product list? The `list_cms_collections` tool first shows all available collections, letting you know where your data lives. Then, use `list_collection_items` to see exactly which records are in the collection before writing anything. If you need to add new content—like a new pricing tier or portfolio piece—you just call `create_collection_item`. It writes the record directly into Webflow's CMS.

Audit user and e-commerce data with Windsurf

Check who has access to your sites by using `list_site_users`. This tells you exactly which people are registered users in the system. It’s a good security step when onboarding new team members. The server also lets you pull sales records via `list_ecommerce_orders`. You can get a list of recent orders and check details about specific assets using `list_site_assets`.

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-alternative-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

Windsurf's Cascade agent handles the chaining. You set a goal—like 'List all users and their associated sites.' It autonomously figures out which tools like `list_site_users` to run, executes them, and hands you the combined result.

Yes. The `list_site_assets` tool lets your agent pull a manifest of all uploaded files (images, PDFs, etc.) associated with a given site ID. This is great for auditing storage usage.

You start by calling `list_cms_collections` to confirm the name of your content type. Then, you pass that collection ID into `list_collection_items` to pull all the specific data records.

It exposes site structure details (like collections and assets), user records (`list_site_users`), e-commerce transactions, and global list functions like `list_sites`.

Yep. The `list_ecommerce_orders` tool handles that. It pulls a list of completed or pending orders, giving you immediate access to transactional information for reporting.

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