How to Use the Webflow MCP in Cursor

Q: Can I use Webflow and Cursor together to generate full site definitions?

Absolutely. You can pull data using listcollections or check page slugs with listpages, then write code that uses those exact values, treating the API response as a variable.

Q: If I need to list all my Webflow sites for a project in Cursor, which tool do I use?

You run listsites. This command gives you an array of every site ID and domain name needed to scope your code. It's perfect for writing loops.

Inject live Webflow data directly into your code while developing in 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

Live Content Generation using MCP Server

Start by calling `list_collections` to pull the available content structure. When you need to inject a real Webflow item, use `create_collection_item`. The AI generates functional code that uses these live API responses—no mock data here. You can update existing entries using `update_collection_item`, making sure your generated code always reflects the most current state of your CMS.

Publishing and Site Inventory with Cursor

To deploy a site, let the AI run `publish_site`. This command ensures that any live data or structural changes you coded against are pushed to production immediately. You can check out every available asset using `list_pages` and `list_sites`. This capability lets you write code that assumes success, because it's dealing with real Webflow endpoints.

Retrieving Site Details in Cursor

The `get_site` tool grabs specific site details right where your cursor is blinking. You can also get the authorized user info via `get_user`, ensuring any code you write has context about who's running it. Checking domains with `list_domains` lets you ensure your compiled application uses the correct, validated endpoint.

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

Cursor's agent mode calls the MCP tools, and the live API responses—like a list of webflow pages—are injected directly into the code block you are writing. It’s real context.

Absolutely. You can pull data using `list_collections` or check page slugs with `list_pages`, then write code that uses those exact values, treating the API response as a variable.

You run `list_sites`. This command gives you an array of every site ID and domain name needed to scope your code. It's perfect for writing loops.

The data comes directly from the live MCP Server connection, meaning it’s always current and real—not stubs or mock outputs. It's true API context.

The server touches site details, user credentials, CMS items, domain names, and page structures. Everything that makes up a live Webflow project is available for code use.

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