Add to Claude Code
89 addsAdd this MCP server to Claude Code.
Name: Webflow MCP
Merge into: ~/.claude/mcp.json under mcpServers
---
{
"mcpServers": {
"webflow": {
"command": "npx",
"args": ["-y", "webflow-mcp"],
"env": {
"WEBFLOW_API_TOKEN": "<YOUR_API_TOKEN>"
}
}
}
}
// ── Setup ────────────────────────────────────────────────────────────────────
// 1. Go to Webflow > Account Settings > Integrations > API Access
// 2. Generate a Site API Token (or use a Workspace token for multi-site)
// 3. Required scopes: sites:read, cms:read, cms:write
//
// ── Available tools ──────────────────────────────────────────────────────────
// list_sites list all sites in the account
// get_site get site details and publishing status
// list_collections list CMS collections for a site
// get_collection get collection schema (fields and types)
// list_items list items in a CMS collection
// create_item create a new CMS item
// update_item update an existing CMS item
// delete_item delete a CMS item
// publish_site trigger a site publish
//
// ── Tips ─────────────────────────────────────────────────────────────────────
// - Use list_collections to understand the CMS structure first
// - CMS item fields are referenced by their slug, not display name
// - Rich text fields accept HTML content
// - Publish is required after CMS changes for them to go live
// - Rate limit: 60 requests per minute per token
Paste into Claude Code to connect this MCP server.
How to add
Full guide →Click Add, then paste into Claude Code. Claude will connect the MCP server in your settings.
Target: .claude/mcp.json → mcpServers