How to Use the Webflow MCP in Claude

Q: How does Claude Desktop connect to my private Webflow projects?

You add the MCP Server under your local config file (claudedesktopconfig.json). This lets your agent run tools as subprocesses on your machine, giving it direct, secure access.

Q: If I need to list all my Webflow sites, what tool should I use with Claude Desktop?

Just run listsites. This command quickly returns a full inventory of every single site associated with your account. It's much faster than opening the main dashboard.

Manage your entire Webflow stack without opening the designer. Works with Claude Desktop.

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

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

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Control CMS Content Structure

You use `list_collections` and `list_pages` to map out every content area on a site before you write anything. Need fresh data? Run `create_collection_item` or `update_collection_item` directly from your chat, populating Webflow's CMS like clockwork. This gives you full command over structured content. You can also check existing entries using `list_collection_items`, making it easy to audit the site's current data set.

Publishing and Site Auditing with MCP Server

The `publish_site` tool handles deployment. When you hit 'run,' your AI agent publishes a Webflow site straight to production, bypassing the manual designer steps. You can also pull core details using `get_site`, giving you immediate access to metadata about any given project. Need to know what domains are attached or which sites exist? Use `list_sites` and `list_domains` for a complete inventory of your Webflow properties.

User and Site Information Retrieval

The `get_user` tool pulls authorized user info, making sure the agent is operating with the correct credentials. Furthermore, you can pull basic site details using `get_site` to confirm specific parameters before running a major action. If you're just auditing, `list_pages` gives you every single page name and slug across all connected Webflow sites.

Setup guide

Set up Webflow MCP in Claude Web or Desktop

1

Open Claude Settings

Go to claude.ai, click your profile icon, then navigate to Customize → Connectors.
2

Add Custom Connector

Click the "+" button and select Add custom connector. Paste your Vinkius endpoint URL: https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp Replace [YOUR_TOKEN_HERE] with your token from cloud.vinkius.com. For OAuth-protected servers, expand Advanced settings to add credentials.
3

Start a conversation

Open a new chat. The Webflow MCP tools are available immediately — no restart needed.

Endpoint URL

https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp

No configuration file needed — paste the URL directly in the Claude web interface.

Available on Free (1 connector), Pro, Max, Team, and Enterprise plans.

Prerequisites

Claude Desktop installed (macOS or Windows)
Active Vinkius subscription with a valid endpoint token

1

Open Claude Desktop Settings

Click the menu icon at the top-left corner, go to Settings → Developer → Edit Config. This opens claude_desktop_config.json in your default text editor.
2

Paste the Webflow MCP configuration

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

Restart Claude Desktop

Close and reopen the application. Claude needs a full restart to load new MCPs — refreshing a conversation is not enough.
4

Verify the connection

Open a new conversation. Click the 🔌 icon at the bottom of the message input. You should see tools listed under webflow-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 Claude Desktop

You add the MCP Server under your local config file (claude_desktop_config.json). This lets your agent run tools as subprocesses on your machine, giving it direct, secure access.

Yep. You can have the AI manage content—like creating a collection item or publishing a site—while you keep your focus on writing code in the desktop app. It’s built for that workflow.

Just run `list_sites`. This command quickly returns a full inventory of every single site associated with your account. It's much faster than opening the main dashboard.

It handles structural data, like listing pages and collections. While it can get site details (`get_site`), its focus is on CMS management and deployment actions, not deep analytic reporting.

The server touches site metadata, user information, domain names, collection items, and individual pages. Think of it as touching all the structural bones of your Webflow content.

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