Webflow

Webflow

Interact with Webflow sites, pages, and collections

88
Stars
27
Forks
15
Releases

Overview

A Node.js MCP server for Webflow that exposes Webflow's data and operations to AI agents via the Model Context Protocol. It uses the Webflow JavaScript SDK to access sites, pages, and collections through the Data API and supports both remote operation and local development workflows. The remote setup authenticates with Webflow using OAuth, connecting through a companion Bridge App that syncs the live design canvas with an AI agent. The repository provides installation and configuration steps for major MCP clients, including Cursor and Claude Desktop, such as adding an MCP entry to Cursor’s mcp.json or configuring Claude Desktop to launch the MCP server with your Webflow token. It also describes a local development path: register and publish a Webflow MCP Bridge App, download or build the bridge, publish the extension, and run the server locally with your Webflow API token. Node.js compatibility guidance and troubleshooting help ensure smooth setup. The MCP server enables AI agents to reason about and operate Webflow sites, pages, and collections through the MCP interface, supporting automated content updates, internal linking, and design tasks.

Details

Owner
webflow
Language
TypeScript
License
MIT License
Updated
2025-12-07

Features

Remote MCP server with OAuth authentication

The remote MCP server authenticates with Webflow using OAuth and works with a companion Bridge App to sync the live canvas with your AI agent.

Cursor integration and easy configuration

Add the Webflow MCP server to Cursor via Settings > MCP & Integrations and configure .cursor/mcp.json to connect and authorize Webflow sites.

Webflow MCP Bridge App in Designer

Open the MCP Bridge App in the Webflow Designer to connect to the MCP server and use tools from your AI client.

Claude Desktop integration

Configure Claude Desktop to launch the Webflow MCP server via npx with an OAuth token.

OAuth token management

Reset your OAuth token with a simple command to clear credentials.

Local MCP Bridge App workflow

Register and publish the Webflow MCP Bridge App, obtain and publish the bridge bundle, and run the local MCP server.

AI client configuration for local server

Configure Cursor or Claude Desktop to start the local MCP server by setting mcpServers with command 'npx' and a Webflow token.

Quick local run and Node.js compatibility guidance

Run locally with an environment variable (WEBFLOW_TOKEN) or via shell; includes Node.js compatibility guidance for setup.

Audience

AI developersBridge AI agents with Webflow data (sites, pages, collections) using MCP for automated workflows.
Webflow designersConnect Webflow Designer to AI agents via the MCP Bridge App to operate on live Webflow content.
Cursor usersConfigure Cursor to run the remote Webflow MCP server and authorize sites.
Claude Desktop usersSet up Claude Desktop to connect to the Webflow MCP server and run prompts against Webflow data.
Webflow admins/developersRegister/publish the Webflow MCP Bridge App for workspace use and manage tokens and access.

Tags

WebflowMCPAIWebflow APIWebflow JS SDKOAuthCursorClaude DesktopBridge AppNode.js