How do I get my Webflow API token?

Log in to your Webflow Dashboard. Open the site you want to connect and click the **gear icon** to access Site Settings. In the left sidebar, click **Apps & integrations**. Scroll to the **API access** section at the bottom and click **Generate API token**. Name your token, select the required permission scopes (e.g., CMS read/write, Sites publish), and click **Generate token**. Copy it immediately — Webflow will not show the full token again. Each site can have up to 5 tokens. Tokens expire aft

Can my AI agent publish a blog post to my Webflow site?

Yes. Your AI agent can create CMS collection items (like blog posts), set all fields including title, body, slug, thumbnail, and publish date, then trigger a site publish — all in one conversation. Perfect for content teams who want to skip the Webflow designer and go from draft to live in seconds.

What if I manage multiple client sites as an agency?

Each Webflow site has its own API token, so you can configure multiple integrations — one per client site. This lets your AI agent switch between projects, bulk-update CMS content across sites, or publish changes to specific client domains without mixing data between accounts.

Can I track e-commerce orders through my AI agent?

Yes. If you use Webflow's built-in e-commerce, your AI agent can retrieve orders, order details, fulfillment statuses, and product inventory — giving you a real-time view of sales activity without opening the Webflow dashboard or exporting reports.

Webflow MCP Server for Windsurf 10 tools — connect in under 2 minutes

Name: Webflow
Availability: InStock
Author: Vinkius

docs.windsurf.com/windsurf/mcp

Built by Vinkius GDPR 10 Tools IDE

Windsurf brings agentic AI coding to a purpose-built IDE. Connect Webflow through Vinkius and Cascade will auto-discover every tool. ask questions, generate code, and act on live data without leaving your editor.

Get MCP Server for AI Agents

ASK AI ABOUT THIS MCP SERVER

Open in ChatGPT Open in Claude Open in Perplexity

Vinkius supports streamable HTTP and SSE.

RecommendedModern Approach — Zero Configuration

Vinkius Desktop App

The modern way to manage MCP Servers — no config files, no terminal commands. Install Webflow and 2,500+ MCP Servers from a single visual interface.

Download Free Open SourceNo signup required

Classic Setup·json

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

Fully ManagedVinkius Servers

60%Token savings

High SecurityEnterprise-grade

IAMAccess control

EU AI ActCompliant

DLPData protection

V8 IsolateSandboxed

Ed25519Audit chain

<40msKill switch

Stream every event to Splunk, Datadog, or your own webhook in real-time

* Every MCP server runs on Vinkius-managed infrastructure inside AWS - a purpose-built runtime with per-request V8 isolates, Ed25519 signed audit chains, and sub-40ms cold starts optimized for native MCP execution. See our infrastructure

About Webflow MCP Server

Connect Webflow to your AI agent and manage your websites, CMS content, and e-commerce data conversationally.

Windsurf's Cascade agent chains multiple Webflow tool calls autonomously. query data, analyze results, and generate code in a single agentic session. Paste Vinkius Edge URL, reload, and all 10 tools are immediately available. Real-time tool feedback appears inline, so you see API responses directly in your editor.

What you can do

CMS Management — List, create, update, and delete CMS collection items (blog posts, portfolio entries, product listings) from natural language.
Site Publishing — Trigger site publishes and check publish status across staging and production domains.
Collection Schema — Query collection structures, field types, and validation rules to understand your content model.
E-commerce Data — Retrieve orders, products, and inventory data from Webflow's built-in e-commerce engine.

The Webflow MCP Server exposes 10 tools through the Vinkius. Connect it to Windsurf in under two minutes — no API keys to rotate, no infrastructure to provision, no vendor lock-in. Your configuration, your data, your control.

How to Connect Webflow to Windsurf via MCP

Follow these steps to integrate the Webflow MCP Server with Windsurf.

Open MCP Settings

Go to Settings → MCP Configuration or press Cmd+Shift+P and search "MCP"

Add the server

Paste the JSON configuration above into mcp_config.json

Save and reload

Windsurf will detect the new server automatically

Start using Webflow

Open Cascade and ask: "Using Webflow, help me...". 10 tools available

Why Use Windsurf with the Webflow MCP Server

Windsurf provides unique advantages when paired with Webflow through the Model Context Protocol.

Windsurf's Cascade agent autonomously chains multiple tool calls in sequence, solving complex multi-step tasks without manual intervention

Purpose-built for agentic workflows. Cascade understands context across your entire codebase and integrates MCP tools natively

JSON-based configuration means zero code changes: paste a URL, reload, and all 10 tools are immediately available

Real-time tool feedback is displayed inline, so you see API responses directly in your editor without switching contexts

Webflow + Windsurf Use Cases

Practical scenarios where Windsurf combined with the Webflow MCP Server delivers measurable value.

Automated code generation: ask Cascade to fetch data from Webflow and generate models, types, or handlers based on real API responses

Live debugging: query Webflow tools mid-session to inspect production data while debugging without leaving the editor

Documentation generation: pull schema information from Webflow and have Cascade generate comprehensive API docs automatically

Rapid prototyping: combine Webflow data with Cascade's code generation to scaffold entire features in minutes

Webflow MCP Tools for Windsurf (10)

These 10 tools become available when you connect Webflow to Windsurf via MCP:

create_collection_item

Create a CMS item

get_site

Get site details

get_user

Get authorized user info

list_collection_items

List items in a collection

list_collections

List CMS collections

list_domains

List site domains

list_pages

List all site pages

list_sites

List all Webflow sites

publish_site

Publish site to production

update_collection_item

Update a CMS item

Example Prompts for Webflow in Windsurf

Ready-to-use prompts you can give your Windsurf agent to start working with Webflow immediately.

"List all blog posts in my Webflow CMS."

"Publish my Webflow site to production."

"Create a new blog post titled 'How AI Transforms Marketing'."

Troubleshooting Webflow MCP Server with Windsurf

Common issues when connecting Webflow to Windsurf through the Vinkius, and how to resolve them.

Server not connecting

Check Settings → MCP for the server status. Try toggling it off and on.

Webflow + Windsurf FAQ

Common questions about integrating Webflow MCP Server with Windsurf.

How does Windsurf discover MCP tools?

Windsurf reads the mcp_config.json file on startup and connects to each configured server via Streamable HTTP. Tools are listed in the MCP panel and available to Cascade automatically.

Can Cascade chain multiple MCP tool calls?

Yes. Cascade is an agentic system. it can plan and execute multi-step workflows, calling several tools in sequence to accomplish complex tasks without manual prompting between steps.

Does Windsurf support multiple MCP servers?

Yes. Add as many servers as needed in mcp_config.json. Each server's tools appear in the MCP panel and Cascade can use tools from different servers in a single flow.