Uses the Webflow Data API to list and edit sites, pages and CMS collections.
Setup
Choose your client, copy the config, then fill in any required environment variables.
Local
claude mcp add webflow --env WEBFLOW_TOKEN='<WEBFLOW_TOKEN>' -- npx -y webflow-mcp-server@0.6.0~/.codex/config.toml
[mcp_servers.webflow]
command = "npx"
args = ["-y", "webflow-mcp-server@0.6.0"]
env = { WEBFLOW_TOKEN = "<WEBFLOW_TOKEN>" }
# codex mcp add webflow --env WEBFLOW_TOKEN='<WEBFLOW_TOKEN>' -- npx -y webflow-mcp-server@0.6.0~/.cursor/mcp.json
{
"mcpServers": {
"webflow": {
"command": "npx",
"args": [
"-y",
"webflow-mcp-server@0.6.0"
],
"env": {
"WEBFLOW_TOKEN": "<WEBFLOW_TOKEN>"
}
}
}
}.vscode/mcp.json
{
"servers": {
"webflow": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"webflow-mcp-server@0.6.0"
],
"env": {
"WEBFLOW_TOKEN": "<WEBFLOW_TOKEN>"
}
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"webflow": {
"command": "npx",
"args": [
"-y",
"webflow-mcp-server@0.6.0"
],
"env": {
"WEBFLOW_TOKEN": "<WEBFLOW_TOKEN>"
}
}
}
}claude_desktop_config.json
{
"mcpServers": {
"webflow": {
"command": "npx",
"args": [
"-y",
"webflow-mcp-server@0.6.0"
],
"env": {
"WEBFLOW_TOKEN": "<WEBFLOW_TOKEN>"
}
}
}
}.trae/mcp.json
{
"mcpServers": {
"webflow": {
"command": "npx",
"args": [
"-y",
"webflow-mcp-server@0.6.0"
],
"env": {
"WEBFLOW_TOKEN": "<WEBFLOW_TOKEN>"
}
}
}
}Remote
claude mcp add --transport http webflow https://mcp.webflow.com/mcp~/.codex/config.toml
[mcp_servers.webflow]
url = "https://mcp.webflow.com/mcp"
# codex mcp add webflow --url https://mcp.webflow.com/mcp~/.cursor/mcp.json
{
"mcpServers": {
"webflow": {
"url": "https://mcp.webflow.com/mcp"
}
}
}.vscode/mcp.json
{
"servers": {
"webflow": {
"type": "http",
"url": "https://mcp.webflow.com/mcp"
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"webflow": {
"httpUrl": "https://mcp.webflow.com/mcp"
}
}
}claude_desktop_config.json · Customize › Connectors › Add custom connector
{
"mcpServers": {
"webflow": {
"command": "npx",
"args": [
"-y",
"mcp-remote",
"https://mcp.webflow.com/mcp"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"webflow": {
"url": "https://mcp.webflow.com/mcp"
}
}
}Environment variables
WEBFLOW_TOKEN
Replace the placeholders with your own credentials and keep them out of version control.