Webflow

Webflow is an MCP server that connects large language model interfaces like Claude to Webflow's REST APIs. It is designed for web designers, frontend developers, and digital marketers who need to inspect, query, and manage Webflow projects without repeatedly navigating the browser dashboard. By exposing Webflow endpoints as standard Model Context Protocol tools, the server enables connected AI clients to retrieve detailed workspace and site profiles, examine custom domain setups, check localization properties, and list CMS collections. Users can audit publication states, retrieve preview URLs, and review content structure metadata directly from chat conversations. The integration relies on standard Node.js runtime environments and operates securely with personal API tokens or OAuth tokens issued through Webflow site settings, keeping administrative details accessible to automated workflows.

Category: CRM, ERP & E-commerce

Tags: cms, content-management, web-development, webflow

Visit Webflow

How to install and configure Webflow

1. Generate a Webflow API token by signing into your Webflow account and navigating to Site Settings > Apps & Integrations. 2. Clone the repository and install dependencies using npm install. 3. Open your Claude Desktop configuration file (claude_desktop_config.json) and add the server definition under mcpServers: json { "mcpServers": { "webflow": { "command": "node", "args": ["/ABSOLUTE/PATH/TO/YOUR/build/index.js"], "env": { "WEBFLOW_API_TOKEN": "your-api-token" } } } } 4. Alternatively, install automatically via Smithery by running npx -y @smithery/cli install @kapilduraphe/webflow-mcp-server --client claude. 5. Restart Claude Desktop to apply the changes.

What you can do with Webflow

• Listing all Webflow sites in an account to review publish status, custom domain attachments, and workspace assignments. * Inspecting specific site metadata including localized directories, data collection configurations, and primary locale settings using site IDs. * Fetching all CMS collections within a given Webflow site to evaluate schemas, item counts, and update timestamps. * Verifying deployment configurations across staging and production domains directly through interactive conversational commands.

Key facts

• https://github.com/TimKJones/mcp-webflow
• CRM, ERP & E-commerce, Developer Tools & Code Intelligence
• cms, content-management, web-development, webflow

Part of MCP Servers

How do I install Webflow MCP server?

You can clone the repository, run npm install, and configure your Claude Desktop configuration file with your Node path and WEBFLOW_API_TOKEN. Alternatively, you can use Smithery to install it automatically by executing npx -y @smithery/cli install @kapilduraphe/webflow-mcp-server --client claude.

What can Webflow MCP server do?

The server provides tools such as get_sites, get_site, and get_collections. These allow an AI assistant to fetch workspace site listings, inspect granular domain and localization parameters, and review CMS collection details such as slug, creation date, and total item count.

Which MCP clients work with Webflow?

The server is built to run on the standard Model Context Protocol and is documented specifically for Claude Desktop. It can function with other MCP-compatible clients that support local standard I/O server execution.

What credentials are required to use Webflow MCP?

You need a valid Webflow API Token, which can be a Site token or an OAuth Access Token generated inside your Webflow account under Site Settings within the Apps and Integrations panel.

Is Webflow MCP server open source?

Yes, this MCP server is open source and distributed under the MIT License on GitHub.