Integrations
Allows Claude to interact with Webflow's APIs to retrieve site information including site details, custom domains, localization settings, and data collection configurations.
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:
3. Configure Environment Variables
Create a .env
file for local development (don't commit this file):
4. Configure Claude Desktop
Open your Claude Desktop configuration file:
For MacOS:
For Windows:
Add or update the configuration:
Save the file and restart Claude Desktop.
Installing via Smithery
To install Webflow MCP Server for Claude Desktop automatically via Smithery:
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
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:
For Windows:
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.
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.
Enables Claude to interact with Webflow's APIs for managing sites, retrieving information, and executing tasks using natural language.
- Prerequisites
- Setup Instructions
- Available Tools
- Type Definitions
- Error Handling
- Troubleshooting
- Security Considerations
- Support
- License
Related Resources
Related MCP Servers
- AsecurityAlicenseAqualityEnables 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 -51JavaScriptMIT License
- -securityAlicense-qualityEnables Claude to interact with Webflow's APIs, allowing access to site information, collections, and other Webflow resources.Last updated -TypeScriptMIT License
- AsecurityAlicenseAqualityAn implementation that enables Claude to connect to ServiceNow instances, retrieve data, and perform actions through the ServiceNow API.Last updated -6261PythonMIT License
- -securityFlicense-qualityEnables 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 -1TypeScript