Skip to content
Webflow MCP Server

Webflow MCP Server

by Webflow
v1.0.1
MIT
Repository Docs npm
Developer ToolsProductivity
webflowcmswebsiteno-codedesignofficial

Summary

Webflow's official MCP server — let agents read and edit sites, pages, CMS collections and items through the Webflow Data API, with a companion app that syncs the live Designer canvas.

Features

  • List sites and pages across a Webflow workspace
  • Read and update page content and metadata
  • Create and query CMS collections and collection items
  • OAuth authorisation per site — no token in your config file
  • Companion Designer app syncs the live canvas with the agent
  • Local stdio install available with a personal WEBFLOW_TOKEN

Installation

Set up this MCP server in your favorite AI agent — copy a ready-made configuration below.

Any MCP-compatible agent

Most agents (Claude, Cursor, Windsurf, VS Code, and more) read a standard mcpServers configuration.

  1. Open your agent's MCP configuration file.
  2. Merge the snippet below into it.
  3. Restart the agent — the "Webflow MCP Server" tools will be available.
{
  "mcpServers": {
    "webflow-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://mcp.webflow.com/sse"
      ]
    }
  }
}

Description

Webflow's MCP server wraps the Webflow Data API so an AI agent can operate a site the way a developer would through the API: list the sites in a workspace, walk a site's pages, read and update page metadata and content, and create, query or modify CMS collections and the items inside them.

The part that separates it from a plain API wrapper is the companion Designer app. When installed, it syncs the live canvas with the agent, so an assistant working in Cursor can act on the page you actually have open rather than on a detached representation of it. In practice that is what makes "add a section to this page and populate it from the CMS" a single instruction instead of a round trip through the Webflow UI.

The recommended setup is the remote server at https://mcp.webflow.com/sse, which handles authentication with OAuth — you authorise specific sites in a browser flow and never paste a token into a config file. A local stdio install from the webflow-mcp-server npm package is available if you would rather supply a WEBFLOW_TOKEN yourself.

Requirements are modest but strict: Node.js 22.3.0 or newer, and a Webflow account with API access on the sites you want the agent to touch. The server is MIT-licensed and built on Webflow's own JavaScript SDK, so its capabilities track the Data API rather than lagging behind it.

Related MCP Servers

MCP: Serena

by Oraios AI

New

Semantic code toolkit for coding agents — symbol-level search, editing and refactoring backed by language servers or the JetBrains platform.

Developer Tools

MCP: Hugging Face

by Hugging Face

New

Official Hugging Face MCP server: search models, datasets, Spaces and papers on the Hub, read repository files, and call Gradio apps as agent tools.

Developer ToolsWeb & Search

MCP: GitLab MCP Server

by GitLab

New

GitLab's own MCP server — issues, merge requests, CI/CD pipelines, job logs, wikis and semantic code search over an OAuth-authorised HTTP endpoint.

Developer Tools

MCP: Mobile MCP

by Mobile Next

New

Platform-agnostic MCP server that drives iOS and Android apps on simulators, emulators and real devices through the accessibility tree rather than screenshots.

Developer Tools
Browse all MCP servers →