MCPgee
MCPgee
MCPgeeMCPgee

Webflow

v2.0.0•Cloud Services•stable

** - Interact with Webflow APIs to list and edit your site and CMS data.

built-with-fernbusiness-critical-yesgenerated-from-openapimcp-servermodel-context-protocol
Share:
130
Stars
0
Downloads
0
Weekly
0/5
View on GitHub

What is Webflow?

Webflow is a Model Context Protocol (MCP) server that allows AI assistants like Claude, Cursor, and VS Code to ** - interact with webflow apis to list and edit your site and cms data.

** - Interact with Webflow APIs to list and edit your site and CMS data.

This server falls under the Cloud Services category on MCPgee, the world's largest MCP server directory with 33,000+ servers.

Features

  • ask_webflow_ai
  • collections_list
  • collections_get
  • collections_create
  • collection_fields_create_static

Use Cases

List and edit Webflow sites through AI assistants.
Manage CMS data and website content via API integration.
webflow

Maintainer

LicenseMIT License
Languagetypescript
Versionv2.0.0
UpdatedMay 21, 2026
Statushealthy
Maintenanceactive

Works with

ClaudeOpenAIwindowsmacoslinux
View SourceBrowse All Servers

Installation

NPM

npx -y webflow-mcp-server

Manual Installation

npx -y webflow-mcp-server

Configuration

Configuration Details

Config File

claude_desktop_config.json

Performance

Response Metrics

Response Time< 200ms
ThroughputMedium

Resource Usage

Memory UsageLow
CPU UsageLow

How to Set Up and Use Webflow

The Webflow MCP Server provides AI assistants with full access to the Webflow Data API, enabling management of sites, CMS collections, and content through natural language. It supports both a remote hosted mode (using OAuth at mcp.webflow.com) and a local mode with a personal API token, making it accessible for both individual designers and teams. Developers and content managers can use it to automate CMS updates, generate SEO-optimized content, build internal links, and create design components without leaving their AI assistant.

Prerequisites

  • Node.js 22.3.0 or higher installed (for local setup)
  • A Webflow account with Admin workspace permissions
  • A Webflow API token (for local setup) from the Webflow API Playground
  • An MCP-compatible client such as Claude Desktop or Cursor
1

Choose your setup mode: remote or local

Remote mode connects to mcp.webflow.com via OAuth — no token management required. Local mode runs webflow-mcp-server on your machine with a personal API token. The remote mode is recommended for most users.

2

Get a Webflow API token (local mode only)

For local setup, generate an API token at the Webflow API Playground (developers.webflow.com/data/reference/token/authorized-by). Your account needs Admin permissions in the workspace.

3

Configure Claude Desktop for remote mode

Add the following to your claude_desktop_config.json for the remote OAuth-based setup. This connects to Webflow's hosted MCP endpoint over SSE.

{
  "mcpServers": {
    "webflow": {
      "command": "npx",
      "args": ["mcp-remote", "https://mcp.webflow.com/sse"]
    }
  }
}
4

Configure Claude Desktop for local mode

For local setup with a personal API token, use the following configuration. Replace YOUR_TOKEN with your Webflow API token.

{
  "mcpServers": {
    "webflow": {
      "command": "npx",
      "args": ["-y", "webflow-mcp-server@latest"],
      "env": {
        "WEBFLOW_TOKEN": "YOUR_TOKEN"
      }
    }
  }
}
5

Restart Claude Desktop and authenticate

Restart your MCP client. In remote mode, Claude will prompt you to authorize via Webflow OAuth on your first request. In local mode, the token is used directly.

6

Start managing your Webflow site

Ask Claude to list your sites, manage CMS collections, or create content. The server exposes tools for collections, sites, pages, and the ask_webflow_ai query interface.

Webflow Examples

Client configuration

Claude Desktop local mode configuration using a Webflow API token with npx. For remote/OAuth mode, replace the args with ['mcp-remote', 'https://mcp.webflow.com/sse'] and remove the env block.

{
  "mcpServers": {
    "webflow": {
      "command": "npx",
      "args": ["-y", "webflow-mcp-server@latest"],
      "env": {
        "WEBFLOW_TOKEN": "your-webflow-api-token"
      }
    }
  }
}

Prompts to try

Example prompts for managing Webflow sites and CMS content through Claude.

- "List all my Webflow sites and show their CMS collections."
- "Analyze my blog posts collection and suggest 5 new topics with SEO keywords for the software development niche."
- "Find blog posts older than 6 months that mention 'React' and add internal links to my newer posts about React 18."

Troubleshooting Webflow

WEBFLOW_TOKEN is rejected with a 401 Unauthorized error

Verify the token has the correct scopes and that your account has Admin permissions in the workspace. Regenerate the token at developers.webflow.com if needed.

Remote OAuth flow does not complete or returns an error

Ensure mcp-remote is installed: run 'npx mcp-remote --version' to check. If the auth state gets stuck, clear it with 'rm -rf ~/.mcp-auth' and re-authenticate.

'collections_create' fails with a permission error

CMS collection creation requires Admin-level workspace permissions. Verify your Webflow account role in the workspace settings, or use a token scoped to an account with Admin access.

Frequently Asked Questions about Webflow

What is Webflow?

Webflow is a Model Context Protocol (MCP) server that ** - interact with webflow apis to list and edit your site and cms data. It connects AI assistants to external tools and data sources through a standardized interface.

How do I install Webflow?

Install via npm with the command: npx -y webflow-mcp-server. Then add the server configuration to your AI client's JSON config file (e.g., claude_desktop_config.json or .cursor/mcp.json).

Which AI clients work with Webflow?

Webflow works with all major MCP-compatible AI clients including Claude Desktop, Claude Code, Cursor, VS Code (GitHub Copilot), Windsurf, and Cline.

Is Webflow free to use?

Yes, Webflow is open source and available under the MIT License license. You can use it freely in both personal and commercial projects.

Learn More About MCP Servers

Getting Started with MCP

Set up your first MCP server in minutes

MCP Setup Guide

Configure MCP in Claude, Cursor & VS Code

All MCP Tutorials

18+ hands-on guides for developers

MCP FAQ

40+ answers about Model Context Protocol

Webflow Alternatives — Similar Cloud Services Servers

Looking for alternatives to Webflow? Here are other popular cloud services servers you can use with Claude, Cursor, and VS Code.

Open WebUI

★ 138.2k

User-friendly AI Interface (Supports Ollama, OpenAI API, ...)

Anything LLM

★ 60.4k

The all-in-one AI productivity accelerator. On device and privacy first with no annoying setup or configuration.

LocalAI

★ 46.4k

LocalAI is the open-source AI engine. Run any model - LLMs, vision, voice, image, video - on any hardware. No GPU required.

Nacos

★ 33.0k

an easy-to-use dynamic service discovery, configuration and service management platform for building AI cloud native applications.

Xiaozhi ESP32

★ 26.7k

本项目为xiaozhi-esp32提供后端服务，帮助您快速搭建ESP32设备控制服务器。Backend service for xiaozhi-esp32, helps you quickly build an ESP32 device control server.

Gateway

★ 11.8k

A blazing fast AI Gateway with integrated guardrails. Route to 1,600+ LLMs, 50+ AI Guardrails with 1 fast & friendly API.

Browse More Cloud Services MCP Servers

Explore all cloud services servers available in the MCPgee directory. Each server includes setup guides for Claude, Cursor, and VS Code.

Cloud ServicesBrowse All Servers

Quick Config Preview

{ "mcpServers": { "webflow": { "command": "npx", "args": ["-y", "webflow-mcp-server"] } } }

Add this to your claude_desktop_config.json or .cursor/mcp.json

Read the full setup guide →

Ready to use Webflow?

Browse our complete directory of 33,000+ MCP servers, read setup guides for your editor, and start building with the Model Context Protocol.

33,000+ ServersFree & Open SourceStep-by-Step Guides
Explore All ServersRead Our Guides