MCP Server

How it works

The Webflow MCP server implements Anthropic’s Model Context Protocol specification to standardize communication between AI agents and Webflow’s APIs. This allows you to interact with your Webflow projects using natural language in any MCP-compatible AI tool.

Architecture

The MCP server acts as a translation layer between AI agents and Webflow’s APIs. When you prompt your AI agent, the server:

  1. Receives the request from your AI tool (Claude Desktop, Cursor, etc.)
  2. Translates the intent into specific Webflow API calls
  3. Executes operations on your sites using OAuth-authenticated access
  4. Returns results back to your AI agent in a structured format

Open source

The MCP server is built as an open-source package that wraps Webflow’s REST and Designer APIs into a format any MCP-compatible AI agent can understand and execute.

Remote deployment

The server runs remotely at https://mcp.webflow.com/sse to enable OAuth authentication. This approach provides several benefits:

  • No local credentials: Authorize multiple Webflow sites without storing API keys on your machine
  • Secure access: Token-based authentication with automatic refresh
  • Easy updates: Server improvements deploy automatically without reinstalling
Remote authorization is experimental

Remote authorization relies on the mcp-remote npm package, which is currently considered experimental by Anthropic.

Available tools

The MCP server exposes Webflow’s APIs as MCP tools that your AI agent can use. Tools are organized into two categories based on their purpose.

Data API tools access your site’s content and structure for bulk operations and content management. These tools work immediately after OAuth authorization.

What you can do:

  • Manage CMS collections, fields, and items
  • Work with site pages and components
  • Handle custom code and scripts
  • Access site metadata and configuration

Available tools:

  • Sites - List and manage Webflow sites
  • Pages - Get page content and metadata
  • Components - Work with reusable components
  • Collections - Manage CMS collections
  • Fields - Define and update collection fields
  • Items - Create, read, update, and delete CMS items
  • Custom Code - Manage site-wide custom code

For detailed information about each tool’s parameters and capabilities, visit the individual tool reference pages linked above.