Integrations
Enables interaction with Webflow APIs, providing tools for managing sites (listing, retrieving details, publishing), pages (listing, getting metadata, updating settings and content), and CMS collections (listing collections, creating and updating collection items).
Webflow Official MCP Server
A Node.js server implementing Model Context Protocol (MCP) for Webflow using the Webflow JavaScript SDK. Enable AI agents to interact with Webflow APIs. Learn more about Webflow's Data API in the developer documentation.
ℹ Prerequisites
▶️ Quick start (hosted on Cloudflare workers)
For Cursor:
- Go to
Settings
→Cursor Settings
→MCP
- Click
+ Add New Global MCP Server
- Paste the following configuration (or add the
webflow
part to your existing configuration)
- Save, Cursor will automatically open a new browser window showing an OAuth login page to authorize the Webflow sites you want the MCP server to have access to.
For Claude Desktop:
- Open
Settings
→Developer
- Click
Edit Config
- Open
claude_desktop_config.json
in a code editor and paste the following configuration (or add thewebflow
part to your existing configuration)
- Save the file and restart Claude Desktop (command/ctrl + R). When Claude restarts, it will automatically open a new browser window showing an OAuth login page to authorize the Webflow sites you want the MCP server to have access to.
For Windsurf:
- Navigate to
Windsurf - Settings
→Advanced Settings
- Scroll down to the
Cascade
section →Add Server
→Add custom server +
- Paste the following configuration (or add the
webflow
part to your existing configuration)
- Click
Save
, Windsurf will automatically open a new browser window showing an OAuth login page to authorize the Webflow sites you want the MCP server to have access to.
Important note
All these methods rely on the mcp-remote
npm package which is still considered experimental as of 04/30/2025.
If at any point you have issues, and want to reset your OAuth tokens, you can run the following command before restarting your MCP client:
▶️ Quick start (local installation)
- Get your Webflow API token
- Go to Webflow's API Playground
- Log in and generate a token
- Copy the token from the Request Generator
- Add to your AI editor
For Cursor:
- Go to Settings → Cursor Settings → MCP
- Click
+ Add New Global MCP Server
- Paste configuration
- Replace
YOUR_WEBFLOW_TOKEN
with the token you copied earlier - Save and restart Cursor
For Claude Desktop:
- Open Settings → Developer
- Click
Edit Config
- Open
claude_desktop_config.json
in a code editor and paste configuration - Replace
YOUR_WEBFLOW_TOKEN
with the token you copied earlier 5. Save and restart Claude
❓ Troubleshooting
If you are having issues starting the server in your MCP client e.g. Cursor or Claude Desktop, please try the following.
Ensure you have a valid Webflow API token
- Go to Webflow's API Playground, log in and generate a token, then copy the token from the Request Generator
- Replace
YOUR_WEBFLOW_TOKEN
in your MCP client configuration with the token you copied - Save and restart your MCP client
Ensure you have the Node and NPM installed
Run the following commands to confirm you have Node and NPM installed:
Clear your NPM cache
Sometimes clearing your NPM cache can resolve issues with npx
.
Fix NPM global package permissions
If npm -v
doesn't work for you but sudo npm -v
does, you may need to fix NPM global package permissions. See the official NPM docs for more information.
Note: if you are making changes to your shell configuration, you may need to restart your shell for changes to take effect.
🛠️ Available tools
Sites
Pages
CMS
🗣️ Prompts & Resources
This implementation does not include prompts
or resources
from the MCP specification. However, this may change in the future when there is broader support across popular MCP clients.
🚧 Development mode
If you want to run the server in development mode, you can install dependencies and run the server using the following command:
- Clone and install:
- Add your token to a
.env
file at the root of the project:
- Start development server:
📄 Webflow Developer resources
You must be authenticated.
Tools
Interact with Webflow sites, pages, and collections.
- ℹ Prerequisites
- ▶️ Quick start (hosted on Cloudflare workers)
- ▶️ Quick start (local installation)
- ❓ Troubleshooting
- 🛠️ Available tools
- 🗣️ Prompts & Resources
- 🚧 Development mode
Related Resources
Related MCP Servers
- AsecurityAlicenseAqualityEnables browser automation with Puppeteer, supporting navigation, form interactions, and connection to active Chrome instances for comprehensive web page interaction.Last updated -84708TypeScriptMIT License
- AsecurityAlicenseAqualityEnables Claude to interact with Webflow's APIs for managing sites, retrieving information, and executing tasks using natural language.Last updated -24TypeScriptMIT License
- -securityAlicense-qualityA Model Context Protocol server implementation that integrates Wordware flows as tools directly within Claude conversations, supporting features like founder research, lead enrichment, Notion integration, and task solving with Google search.Last updated -50JavaScriptMIT License
- -securityFlicense-qualityA Model Context Protocol server that integrates with AWS CodePipeline, allowing users to manage pipelines through Windsurf and Cascade using natural language commands.Last updated -4TypeScript