Webflow MCP Server
@kapilduraphe
About Webflow MCP Server
Webflow MCP server
Config
Add this server to your MCP-compatible client using the configuration below.
{
"mcpServers": {
"webflow-mcp-server": {
"command": "npx",
"args": [
"-y",
"@smithery/cli",
"install",
"@kapilduraphe/webflow-mcp-server",
"--client",
"claude"
]
}
}
}Tools
No tools detected
Fetch the live tool list by running this server in a temporary sandbox using the button above.
Overview
What is Webflow MCP Server?
This MCP server enables Claude to interact with Webflow’s APIs. It is designed for developers using the Claude Desktop app who need to retrieve information about Webflow sites programmatically.
How to use Webflow MCP Server?
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.
Key features of Webflow MCP Server
- 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.
Use cases of Webflow MCP Server
- List all Webflow sites owned by the authenticated user.
- Inspect detailed metadata for a single site via its ID.
- Automate site information retrieval within Claude workflows.
- Troubleshoot site settings without leaving the chat interface.
FAQ from Webflow MCP Server
What are the prerequisites to use Webflow MCP Server?
You need Node.js v16 or higher, the Claude Desktop app, and a Webflow account with an API token (site token or OAuth access token).
How do I create a Webflow API token?
Log in to your Webflow account, go to Site Settings > Apps & Integrations, generate a new API token, and copy the token value. Alternatively, generate an OAuth access token.
What tools does the server provide?
The server provides get_sites (list all sites) and get_site (details for a single site by ID). Each returns fields like display name, short name, workspace, dates, preview URL, time zone, custom domains, and locales.
What should I do if the tools aren’t appearing in Claude?
Check Claude Desktop logs, verify the WEBFLOW_API_TOKEN is set correctly, and ensure the path to index.js in the configuration is absolute and correct.
How can I keep my API token secure?
Keep your API token private, never commit it to version control, use environment variables, regularly rotate tokens, and grant only the minimum required permissions.
Frequently asked questions
What are the prerequisites to use Webflow MCP Server?
You need Node.js v16 or higher, the Claude Desktop app, and a Webflow account with an API token (site token or OAuth access token).
How do I create a Webflow API token?
Log in to your Webflow account, go to Site Settings > Apps & Integrations, generate a new API token, and copy the token value. Alternatively, generate an OAuth access token.
What tools does the server provide?
The server provides `get_sites` (list all sites) and `get_site` (details for a single site by ID). Each returns fields like display name, short name, workspace, dates, preview URL, time zone, custom domains, and locales.
What should I do if the tools aren’t appearing in Claude?
Check Claude Desktop logs, verify the `WEBFLOW_API_TOKEN` is set correctly, and ensure the path to `index.js` in the configuration is absolute and correct.
How can I keep my API token secure?
Keep your API token private, never commit it to version control, use environment variables, regularly rotate tokens, and grant only the minimum required permissions.
Basic information
More Other MCP servers
Mcp
browsermcpBrowser MCP is a Model Context Provider (MCP) server that allows AI applications to control your browser
Codelf
unbugA search tool helps dev to solve the naming things problem.
🪟 Windows-MCP
CursorTouchMCP Server for Computer Use in Windows
Activepieces
activepiecesAI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents
Maestro
mobile-dev-incPainless E2E Automation for Mobile and Web
Comments