Webflow MCP Server
The Webflow MCP Server enables Claude to interact with Webflow's APIs, allowing users to:
Retrieve All Sites: List all Webflow sites accessible to the authenticated user, including details like display name, ID, workspace ID, creation/update dates, preview URL, custom domains, and localization settings.
Retrieve Specific Site: Get detailed information about a specific Webflow site by providing its unique site ID.
Allows Claude to interact with Webflow's APIs to retrieve site information including site details, custom domains, localization settings, and data collection configurations.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Webflow MCP Servershow me all my Webflow sites"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Webflow MCP Server
This MCP server enables Claude to interact with Webflow's APIs.
Prerequisites
Node.js (v16 or higher)
Claude Desktop App
Webflow Account
Webflow API Token (Site token or OAuth Acces Token)
Related MCP server: Webflow
Setup Instructions
1. Create a Webflow API Token
Log in to your Webflow account
Navigate to Site Settings > Apps & Integrations
Generate a new API token
Copy the token value (you won't be able to see it again)
Alternatively, you can also generate an OAuth Access Token.
2. Initial Project Setup
Install dependencies:
npm install3. Configure Environment Variables
Create a .env file for local development (don't commit this file):
WEBFLOW_API_TOKEN=your-api-token4. Configure Claude Desktop
Open your Claude Desktop configuration file:
For MacOS:
code ~/Library/Application\ Support/Claude/claude_desktop_config.jsonFor Windows:
code %AppData%\Claude\claude_desktop_config.jsonAdd or update the configuration:
{
"mcpServers": {
"webflow": {
"command": "node",
"args": [
"/ABSOLUTE/PATH/TO/YOUR/build/index.js"
],
"env": {
"WEBFLOW_API_TOKEN": "your-api-token"
}
}
}
}Save the file and restart Claude Desktop.
Installing via Smithery
To install Webflow MCP Server for Claude Desktop automatically via Smithery:
npx -y @smithery/cli install @kapilduraphe/webflow-mcp-server --client claudeAvailable Tools
The server currently provides the following tools:
get_sites
Retrieves a list of all Webflow sites accessible to the authenticated user. Returns detailed information including:
Site Display Name and Short Name
Site ID and Workspace ID
Creation, Last Updated, and Last Published Dates
Preview URL
Time Zone settings
Custom Domains configuration
Localization settings (primary and secondary locales)
Data collection preferences
get_site
Retrieves detailed information about a specific Webflow site by ID. Requires a siteId parameter and returns the same detailed information as get_sites for a single site.
Type Definitions
interface WebflowApiError {
status?: number;
message: string;
code?: string;
}
interface WebflowCustomDomain {
id: string;
url: string;
lastPublished: string;
}
interface WebflowLocale {
id: string;
cmsLocaleId: string;
enabled: boolean;
displayName: string;
redirect: boolean;
subdirectory: string;
tag: string;
}
interface WebflowSite {
id: string;
workspaceId: string;
createdOn: string;
displayName: string;
shortName: string;
lastPublished: string;
lastUpdated: string;
previewUrl: string;
timeZone: string;
parentFolderId?: string;
customDomains: WebflowCustomDomain[];
locales: {
primary: WebflowLocale;
secondary: WebflowLocale[];
};
dataCollectionEnabled: boolean;
dataCollectionType: string;
}Error Handling
The server handles various error scenarios:
Environment Errors
Missing WEBFLOW_API_TOKEN
Invalid API token
Troubleshooting
Common Issues
Tools not appearing in Claude
Check Claude Desktop logs
Verify WEBFLOW_API_TOKEN is set correctly
Ensure the path to index.js is absolute and correct
Authentication Errors
Verify your API token is valid
Check if the token has the necessary permissions
Ensure the token hasn't expired
Viewing Logs
To view server logs:
For MacOS/Linux:
tail -n 20 -f ~/Library/Logs/Claude/mcp*.logFor Windows:
Get-Content -Path "$env:AppData\Claude\Logs\mcp*.log" -Wait -Tail 20Environment Variables
If you're getting environment variable errors, verify:
WEBFLOW_API_TOKEN: Should be a valid API token
Security Considerations
Keep your API token secure
Don't commit credentials to version control
Use environment variables for sensitive data
Regularly rotate API tokens
Monitor API usage in Webflow
Use minimum required permissions for API token
Support
If you encounter any issues:
Check the troubleshooting section above
Review Claude Desktop logs
Examine the server's error output
Check Webflow's API documentation
License
MIT License - See LICENSE file for details.
Available Tools
2 toolsget_siteA
Retrieve detailed information about a specific Webflow site by ID, including workspace, creation date, display name, and publishing details
| Name | Required | Description | Default |
|---|---|---|---|
| siteId | Yes | The unique identifier of the Webflow site |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
No annotations are provided, so the description carries the full burden. It describes the tool as a retrieval operation, which implies read-only behavior, but does not disclose other traits such as authentication requirements, rate limits, error handling, or response format. This leaves significant gaps for a tool with no annotation coverage.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is a single, well-structured sentence that efficiently conveys the tool's purpose and key details without unnecessary words. It is front-loaded with the main action and resource, making it easy to understand quickly.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given the tool's complexity (simple retrieval with one parameter), 100% schema coverage, but no output schema and no annotations, the description is adequate but incomplete. It covers the purpose and parameter semantics well, but lacks behavioral details like response format or error handling, which are important for a tool with no structured output information.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
The input schema has 100% description coverage, with the parameter 'siteId' documented as 'The unique identifier of the Webflow site'. The description adds value by specifying that the tool retrieves information 'by ID', reinforcing the parameter's purpose, but does not provide additional syntax or format details beyond what the schema already covers.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states the verb 'Retrieve' and the resource 'detailed information about a specific Webflow site by ID', with specific details like workspace, creation date, display name, and publishing details. It distinguishes from the sibling tool 'get_sites' by specifying retrieval for a single site rather than multiple sites.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description implies usage when detailed information for a specific site is needed, but does not explicitly state when to use this tool versus the sibling 'get_sites' or other alternatives. It provides clear context for retrieving site details by ID, but lacks explicit exclusions or comparisons.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
get_sitesB
Retrieve a list of all Webflow sites accessible to the authenticated user
| Name | Required | Description | Default |
|---|---|---|---|
No parameters | |||
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
No annotations are provided, so the description carries the full burden of behavioral disclosure. It mentions authentication requirements, which is useful context. However, it lacks details on behavioral traits such as rate limits, pagination, error handling, or what 'accessible' entails (e.g., permissions, workspace scoping). For a tool with zero annotation coverage, this leaves significant gaps in understanding how it behaves.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is a single, clear sentence that efficiently conveys the tool's purpose and key constraint (authentication). It is front-loaded with the main action and resource, with no wasted words or redundant information. Every part of the sentence earns its place by adding value.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given the tool's simplicity (0 parameters, no output schema, no annotations), the description is adequate but has clear gaps. It covers the basic purpose and authentication context but lacks details on output format (e.g., structure of the list), error cases, or limitations. Without annotations or output schema, the description should ideally provide more behavioral context to be fully complete for an AI agent.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
The tool has 0 parameters, and schema description coverage is 100%, so there are no parameters to document. The description doesn't need to add parameter semantics, and it appropriately doesn't mention any. A baseline of 4 is applied since no parameters exist, and the description doesn't introduce confusion about inputs.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states the verb 'retrieve' and resource 'list of all Webflow sites', making the purpose specific and understandable. It distinguishes from the sibling 'get_site' by indicating it returns a list rather than a single site, though it doesn't explicitly name the alternative. The description is not tautological and provides meaningful context about what the tool does.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description implies usage by specifying 'accessible to the authenticated user', suggesting it should be used when needing all sites the user can access. However, it doesn't provide explicit guidance on when to use this vs. the sibling 'get_site' or other alternatives, nor does it mention any exclusions or prerequisites beyond authentication. The usage context is implied but not fully articulated.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections. Dates show when Glama detected each change.
2 tool updates
v1.0.0- First observed
get_site - First observed
get_sites
TDQS
The two tools have clearly distinct purposes: get_site retrieves detailed information for a specific site by ID, while get_sites lists all accessible sites. There is no overlap in functionality, making it easy for an agent to choose the correct tool based on whether it needs a single site's details or a list of sites.
Both tools follow a consistent verb_noun naming pattern (get_site and get_sites), using the same verb 'get' and singular/plural forms of 'site' to indicate scope. This predictable naming makes the tool set easy to understand and use.
With only 2 tools, the server feels severely under-scoped for a Webflow integration, which typically involves managing sites, collections, items, and other resources. This limited set will likely cause agents to hit dead ends when trying to perform common operations like creating or updating sites.
The tool set is incomplete for Webflow's domain, covering only read operations (get) for sites. It lacks essential CRUD operations such as create_site, update_site, delete_site, and tools for managing collections, items, or other Webflow resources, creating significant gaps that will hinder agent workflows.
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Related MCP Connectors
AI-powered design and management for Webflow Sites
Read, edit, publish, and preview your pepita websites from Claude.
Live SEO workflow tools for Claude Code, Codex, and AI agents.
Run UX research from Claude — create card sort studies, list studies, pull headline stats.
Related MCP Servers
- AlicenseNot gradedqualityDmaintenanceEnables Claude to interact with Webflow's APIs, allowing access to site information, collections, and other Webflow resources.1,183MIT
- AlicenseCqualityCmaintenanceInteract with Webflow sites, pages, and collections.221,183138MIT
- AlicenseBqualityCmaintenanceConnects Claude to WordPress sites through the REST API, enabling AI-assisted content creation, publishing, media management, user administration, and site maintenance tasks through natural language.472822MIT
- AlicenseNot gradedqualityDmaintenanceEnables Claude to manage GoHighLevel CRM contacts, pipelines, and workflows through natural language commands.37MIT
Appeared in Searches
- Resources for Designing a Website
- A server for organizing tasks in Cursor UI for website and trading software development
- A website design and development platform
- A platform for website design and development using Webflow
- A service for building modern, dynamic, and visually appealing websites with trending UI designs
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/kapilduraphe/webflow-mcp-server'
If you have feedback or need assistance with the MCP directory API, please join our Discord server