Webflow
About
Interact with Webflow APIs to list and edit your site and CMS data.
Details
- Author
- kapilduraphe
- GitHub stars
- 21
- Downloads
- 246
- Categories
- Remote MCP, Cloud Service, Other, Web Scraping, Developer Tools
Jump to
- Retrieves a list of all accessible Webflow sites.
- Returns detailed info for a specific site by ID.
- Reports site display name, short name, and workspace.
- Provides creation, last updated, and last published dates.
- Includes preview URL, time zone, and custom domains.
- Shows localization settings and data collection preferences.
Setting up with Highlight
This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:
- Download and install Highlight from highlightai.com/download
- Navigate to the plugins tab and select "Add Custom Plugin"
-
Configure the plugin with the settings below
Plugin Name
WebflowCommand (node, npx, python, etc.)Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
- Enable "Start Automatically" if you want the plugin to start when Highlight launches
From the repository
Install Node.js (v16 or higher), the Claude Desktop app, and a Webflow account with an API token. Set up the environment variable WEBFLOW_API_TOKEN in a .env file, then configure Claude Desktop by adding a webflow entry in claude_desktop_config.json pointing to the absolute path of build/index.js. Alternatively, install via Smithery with npx -y @smithery/cli install @kapilduraphe/webflow-mcp-server --client claude. The server provides two tools: get_sites and get_site.
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"webflow": {
"webflow-mcp-server": {
"command": "npx",
"args": [
"-y",
"@smithery/cli",
"install",
"@kapilduraphe/webflow-mcp-server",
"--client",
"claude"
]
}
}
}
}McpServers
{
"webflow-mcp-server": {
"command": "npx",
"args": [
"-y",
"@smithery/cli",
"install",
"@kapilduraphe/webflow-mcp-server",
"--client",
"claude"
]
}
}3. Use the MCP server with the Webflow Designer
- Open your site in the Webflow Designer.
- Open the Apps panel (pressE) and launch your published “Webflow MCP Bridge App”.
- Wait for the app to connect to the MCP server, then use tools from your AI client.
- If the Bridge App prompts for a local connection URL, call theget_designer_app_connection_infotool from your AI client and paste the returnedhttp://localhost:<port>URL.
WEBFLOW_TOKEN="<YOUR_WEBFLOW_TOKEN>" npx -y webflow-mcp-server@latest
# PowerShell $env:WEBFLOW_TOKEN="<YOUR_WEBFLOW_TOKEN>" npx -y webflow-mcp-server@latest
To reset your OAuth token, run the following command in your terminal.
Please see the Node.js[compatibility guidance on Webflow's developer docs.
If you are having issues starting the server in your MCP client e.g. Cursor or Claude Desktop, please try the following.
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
