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)

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 install

3. Configure Environment Variables

Create a .env file for local development (don't commit this file):

WEBFLOW_API_TOKEN=your-api-token

4. Configure Claude Desktop

Open your Claude Desktop configuration file:

For MacOS:

code ~/Library/Application\ Support/Claude/claude_desktop_config.json

For Windows:

code %AppData%\Claude\claude_desktop_config.json

Add 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 claude

Available 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*.log

For Windows:

Get-Content -Path "$env:AppData\Claude\Logs\mcp*.log" -Wait -Tail 20

Environment 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.

You must be authenticated.

security – no known vulnerabilities

license - permissive license

quality - confirmed to work

remote-capable server

The server can be hosted and run remotely because it primarily relies on remote services or has no dependency on the local environment.

Tools

Enables Claude to interact with Webflow's APIs for managing sites, retrieving information, and executing tasks using natural language.

Related Resources

Reddit Discussion about this server

Related MCP Servers

Veri5ight MCP Server
5ajaki
A
security
A
license
A
quality
Enables Claude to interact with Ethereum nodes, allowing users to check ENS token balances, view smart contract code, and decode transactions through natural language.
Last updated -
5
1
JavaScript
MIT License
Webflow MCP Server
TimKJones
-
security
A
license
-
quality
Enables Claude to interact with Webflow's APIs, allowing access to site information, collections, and other Webflow resources.
Last updated -
TypeScript
MIT License
ServiceNow MCP Server
echelon-ai-labs
A
security
A
license
A
quality
An implementation that enables Claude to connect to ServiceNow instances, retrieve data, and perform actions through the ServiceNow API.
Last updated -
62
70
Python
MIT License
Dify Workflow MCP Tool Server
TomokiIshimine
-
security
F
license
-
quality
Enables seamless integration between Claude AI and Dify Workflow through the Model Context Protocol, allowing Claude to dynamically access and execute Dify Workflow operations via natural language.
Last updated -
1
TypeScript

View all related MCP servers

Webflow MCP Server