Webflow
CommunityPopularOfficial Webflow MCP server. Manage sites, pages, CMS collections, and form submissions via Webflow's Data API. Publish drafts, update content, and automate site operations.
| Publisher | webflow |
| Repository | webflow-mcp-server |
| Language | TypeScript |
| Forks | 0 |
| Stars | 3.9K |
| Available tools | 16 |
| Transport type | stdio |
| Categories | |
| License | MIT |
| Links |
- Connect tools to AI workflows
Webflow exposes MCP capabilities that can be used by compatible AI clients and agents.
- 16 available tools
Browse the callable actions below, including names and descriptions when provided by the server.
- Ready-to-copy setup
Use the installation snippets to configure this server in your preferred MCP client.
- Open source signals
3.9K stars and 0 forks from the linked repository.
Installation
Node.js 18+
{
"mcpServers": {
"webflow": {
"command": "npx",
"args": [
"-y",
"@webflow/mcp-server"
],
"env": {
"WEBFLOW_API_TOKEN": "<YOUR_TOKEN>"
}
}
}
}Available Tools
- list_sites
Retrieve all Webflow sites accessible to the authenticated user
- get_site_info
Get detailed information about a specific Webflow site including domains, collections, and settings
- list_collections
List all CMS collections for a specified site
- get_collection_schema
Retrieve the field schema and structure for a specific CMS collection
- list_collection_items
Get all items from a specified CMS collection with optional filtering and pagination
- create_collection_item
Create a new item in a specified CMS collection
- update_collection_item
Update an existing item in a CMS collection
- delete_collection_item
Delete a specific item from a CMS collection
- get_collection_item
Retrieve a single item from a CMS collection by its ID
- publish_site
Publish the current draft version of a site to its live domains
- list_form_submissions
Retrieve form submissions for a specified site with optional filtering by form and date range
- get_form_submission
Get detailed information about a specific form submission
- list_site_pages
Get all static and CMS pages for a specified site
- get_page_metadata
Retrieve SEO and metadata information for a specific page
- search_collection_items
Search for items within CMS collections using text queries and filters
- get_site_domains
List all domains associated with a Webflow site including staging and custom domains
Use Webflow MCP with multiple AI models
TypingMind connects MCP tools at the workspace level, so once Webflow is connected, you can use it with different AI models in TypingMind instead of setting it up separately for each model. This MCP runs locally through the TypingMind MCP connector on your device.
Setup guide to use the local connector
Use this when the MCP server needs access to local files, apps, or private resources on your computer.
Open the MCP settings
In TypingMind, go to Settings, Advanced Settings, then Model Context Protocol and choose Setup Connector.
- Open TypingMind in your browser.
- Click the Settings icon.
- Go to Advanced Settings.
- Open the Model Context Protocol section.
- Click Setup Connector and choose This Device.
Run the connector command
Choose This Device, copy the command from TypingMind, and run it in Terminal. Keep the process running while you use MCP.
- Copy the setup command shown by TypingMind.
- Open Terminal on macOS or Windows Terminal on Windows.
- Paste and run the command.
- Approve the package install if Terminal asks you to proceed.
- Keep the Terminal window running while using MCP tools.
Add Webflow as a server
When the connector status is Ready, click Edit Servers and paste the MCP server configuration.
- Wait until the connector status shows Ready.
- Click Edit Servers.
- Paste the Webflow MCP server configuration.
- Save the server list.
- Refresh if you want to confirm the connector is still ready.
{
"mcpServers": {
"webflow": {
"command": "npx",
"args": [
"-y",
"@webflow/mcp-server"
]
}
}
}Use it across models
Save the server list, open Plugins, enable the Webflow MCP tools, then select any supported AI model in TypingMind and use the tools in chat or assign them to an AI agent.
- Open the Plugins page in TypingMind.
- Enable the Webflow MCP tools.
- Start a chat and choose the AI model you want to use.
- Use the MCP tools in chat or assign them to an AI agent.
- Switch to another AI model whenever needed without reconnecting MCP.
Here is what I found using Webflow.
Frequently asked questions
What is the Webflow MCP server used for?
Webflow is an MCP server that lets compatible AI clients connect to external tools and context. In TypingMind, you can add this MCP server once and make its tools available in your AI workspace.
Can I use Webflow MCP with multiple AI models in TypingMind?
Yes. TypingMind connects MCP tools at the workspace level, so you can use Webflow with different AI models such as Claude, ChatGPT, Gemini, or other models you have configured in TypingMind without setting up the MCP server separately for each model.
Why use Webflow MCP with TypingMind?
TypingMind is one of the best frontends for LLM chat because it brings multiple AI models, prompts, plugins, AI agents, API keys, and MCP tools into one workspace. With Webflow connected, you can use its MCP tools across your preferred models while keeping your chat workflow organized in TypingMind.
How do I connect Webflow MCP to TypingMind?
Webflow runs through the TypingMind local MCP connector. This is best when the MCP server needs access to local files, desktop apps, command-line tools, or private resources on your computer.
What tools does Webflow MCP provide in TypingMind?
Webflow exposes 16 MCP tools that can be enabled from the TypingMind Plugins page and used in chat or assigned to AI agents.
Do I need to share my API keys with TypingMind to use Webflow MCP?
No. TypingMind is local-first and lets you keep your model providers, API keys, prompts, and MCP configuration under your control. If Webflow requires authentication, add the required headers, OAuth settings, or local configuration for that MCP server when you create the connection.
Related MCP Servers
View all
GhidraMCP
MCP Server for Ghidra
HexStrike AI
HexStrike AI MCP Agents is an advanced MCP server that lets AI agents (Claude, GPT, Copilot, etc.) autonomously run 150+ cybersecurity tools for automated pentesting, vulnerability discovery, bug bounty automation, and security research. Seamlessly bridge LLMs with real-world offensive security capabilities.
Make.com (Integromat)
Official Make.com MCP server. Trigger scenarios, manage connections, and automate workflows across 2,000+ apps via Make's visual automation platform.
Contentful
Official Contentful MCP server. Manage content types, entries, assets, and localization. Query and edit structured content for headless CMS workflows via AI.
