How to Use the Webflow MCP in Cursor

Q: How do I set up Webflow data access in Cursor?

You create a .cursor/mcp.json file—either globally or per project scope. You add the server details there, then you just enable Agent mode when chatting with the AI.

Q: Can I use Webflow data in my code while using Cursor?

Yep. When the agent calls a tool like listcmscollections, it doesn't give you dummy text; it gives your code real, live JSON responses ready for immediate use.

Q: Does this MCP Server support checking webflow sites in Cursor?

Yes. You can use listsites to get a full inventory of all associated sites, which is perfect for writing scripts that iterate over multiple projects.

Write code that uses live Webflow API responses with Cursor.

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 Cursor

Create your Vinkius account to connect Webflow to Cursor 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 Cursor

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Inject real Webflow data into your codebase.

Cursor’s agent mode lets you call the `list_sites` tool, and then it injects the actual list of sites directly into the code snippet you're writing. You don't get mock data; you get live context. Need to build a report that pulls CMS items? The AI can use `list_collection_items` and weave those real records right into your functions, making sure your code works on day one.

Build e-commerce logic using Webflow data.

When you're working on checkout components or analytics tools, this MCP Server is key. The AI can use `list_ecommerce_orders` to generate code that processes real order IDs and amounts. It's perfect for writing integration tests. You tell it what needs to be checked, and the agent uses tools like `get_site_details` to provide verifiable context directly in your file.

Programmatically manage site assets and users.

The server lets you write code that interacts with Webflow's backend resources. You can use `list_site_assets` to generate a script for finding all image URLs, or pull user lists using `list_site_users`. If your function needs to create new content, the agent writes the necessary boilerplate using `create_collection_item`, making sure your code is robust and accurate.

Setup guide

Set up Webflow MCP in Cursor

Prerequisites

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

1

Open MCP Settings

Go to Cursor Settings → MCP or open the Command Palette (Cmd+Shift+P / Ctrl+Shift+P) and search for "MCP: Add Server".
2

Add the Webflow MCP

Cursor will create or open .cursor/mcp.json in your project root. Paste the JSON snippet on the right. Replace [YOUR_TOKEN_HERE] with your endpoint token from cloud.vinkius.com.
3

Enable Agent mode

Open Composer (Cmd+I / Ctrl+I) and switch to Agent mode using the dropdown at the top. MCP tools are only available in Agent mode.
4

Verify the connection

Ask Cursor something like "List my recent Webflow transactions." If the MCP tools are loaded correctly, Cursor will call the Webflow tools automatically. You can also check Settings → MCP for a green status indicator.

.cursor/mcp.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 Cursor

You create a `.cursor/mcp.json` file—either globally or per project scope. You add the server details there, then you just enable Agent mode when chatting with the AI.

Yep. When the agent calls a tool like `list_cms_collections`, it doesn't give you dummy text; it gives your code real, live JSON responses ready for immediate use.

You can handle site details, e-commerce orders, user lists, and CMS collections. Essentially, anything structural about the Webflow site gets pulled into your code editor.

Yes. You can use `list_sites` to get a full inventory of all associated sites, which is perfect for writing scripts that iterate over multiple projects.

This server touches site assets, e-commerce order details, user accounts (user details), and CMS content. It gives you the full scope for writing production code against real data.

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