Best Claude Apps

Official · remote server

Webflow MCP server

Yes. Webflow runs an official remote MCP server. You sign in with your Webflow account in the browser, so there is no API key to paste.

Maintained by
Webflow
Sign-in
Webflow account no API key
Tools
34 4 read · 0 write
Community servers
1 by third parties in the MCP Registry
Docs
developers.webflow.com
Source
webflow/mcp-server

Where the Webflow server is listed

01Setup

How to connect the Webflow MCP server

Every client below points at the same official URL. Pick yours.

Claude (web, desktop and mobile)

  1. 1 Click Add to Claude, or open Settings → Connectors → Browse connectors and search for Webflow.
  2. 2 Click Connect. Sign in to Webflow and approve the access it asks for.
  3. 3 In a chat, open the tools menu under the message box and check Webflow is on.

Tool-by-tool permissions, security notes and reviews: Webflow connector for Claude.

Claude Code

  1. 1
    Run this in your terminal: 
    claude mcp add --transport http webflow https://mcp.webflow.com/mcp
    Add --scope user to use it in every project, or --scope project to share it through .mcp.json.
  2. 2 Start Claude Code, type /mcp, pick webflow and sign in to Webflow in the browser.
  3. 3 Check it with claude mcp list.

ChatGPT

Webflow is in ChatGPT’s plugin directory, published by Webflow . Open it and click Connect , then sign in to Webflow.

Webflow in ChatGPT

Cursor

Add to Cursor

One click if the app is installed, or add this to ~/.cursor/mcp.json (or .cursor/mcp.json in a project) , then check it under Settings → MCP.

~/.cursor/mcp.json 
{
  "mcpServers": {
    "webflow": {
      "url": "https://mcp.webflow.com/mcp"
    }
  }
}

VS Code

Add to VS Code

One click if the app is installed, or add this to .vscode/mcp.json in your project , then start the server from the file or the MCP view. It is used by Copilot agent mode.

.vscode/mcp.json 
{
  "servers": {
    "webflow": {
      "type": "http",
      "url": "https://mcp.webflow.com/mcp"
    }
  }
}

Windsurf

Add this to ~/.codeium/windsurf/mcp_config.json , then refresh the MCP list in Cascade.

~/.codeium/windsurf/mcp_config.json 
{
  "mcpServers": {
    "webflow": {
      "serverUrl": "https://mcp.webflow.com/mcp"
    }
  }
}

Codex CLI

Add this to ~/.codex/config.toml , then restart Codex.

~/.codex/config.toml 
[mcp_servers.webflow]
url = "https://mcp.webflow.com/mcp"
Where it runs
On Webflow’s side, at mcp.webflow.com. Nothing is installed on your machine.
Sign-in
Each person signs in with their own Webflow account in the browser. The client gets that account’s access, nothing more.
Client only runs local servers?
Bridge to the remote URL with mcp-remote: npx mcp-remote https://mcp.webflow.com/mcp

02Capabilities

What the Webflow MCP server can do

Summarised from the 34 tools in Webflow’s listing: what an AI client can read, and what it can change.

Reads
Account, Asset, Asset preview, Data agent instructions, Data apps, Data assets, Data campaigns, Data cms, Data comments, Data component, Data component builder, Data component props, Data component variants, Data element, Data element builder, Data element settings, Data enterprise, Data fonts, Data forms, Data interactions, Data localization, Data pages, Data scripts, Data sites, Data sitemap, Data style, Data variable, Data webhook, Data whtml builder, Designer, Element snapshot, More tools, Webflow ai, Webflow guide
Deletes
No delete tool is listed. None of the 34 tool names starts with delete, remove or archive.

Webflow’s own one-liner: “Design pages, manage CMS content, add motion, analyze traffic, and launch the whole site, all from a prompt and all inside the permissions your workspace already has.” (Claude directory listing)

03Tools

Webflow MCP tools

All 34 tools an AI client can call once connected: 34 read, 0 create or change.

  • ask_webflow_ai Read
  • data_analyze_tool Read
  • get_asset_preview Read
  • get_more_tools Read
  • asset_tool Unclear
  • data_agent_instructions_tool Unclear
  • data_apps_tool Unclear
  • data_assets_tool Unclear
  • data_campaigns_tool Unclear
  • data_cms_tool Unclear
  • data_comments_tool Unclear
  • data_component_builder Unclear
  • data_component_props_tool Unclear
  • data_component_tool Unclear
  • data_component_variants_tool Unclear
  • data_element_builder Unclear
  • data_element_settings_tool Unclear
  • data_element_tool Unclear
  • data_enterprise_tool Unclear
  • data_fonts_tool Unclear
  • data_forms_tool Unclear
  • data_interactions_tool Unclear
  • data_localization_tool Unclear
  • data_pages_tool Unclear
  • data_scripts_tool Unclear
  • data_sitemap_tool Unclear
  • data_sites_tool Unclear
  • data_style_tool Unclear
  • data_variable_tool Unclear
  • data_webhook_tool Unclear
  • data_whtml_builder Unclear
  • designer_tool Unclear
  • element_snapshot_tool Unclear
  • webflow_guide_tool Unclear

Tool names from Webflow’s listing in Claude’s connector directory, checked 2026-10-20. Read and write labels are our reading of each name’s verb. In Claude you can set each tool to ask before it runs.

04Servers

Official vs community Webflow MCP servers

2 servers for Webflow in the official MCP Registry. “Official” means the registry entry is tied to webflow.com or Webflow’s own GitHub account; community servers are built by anyone else.

  • Official mcp v2.0.0

    AI-powered design and management for Webflow Sites

    Runs
    Remote mcp.webflow.com
    Registry
    com.webflow/mcp
    Published
    Oct 2025
    Source
    webflow/mcp-server
    Config for this server

    Claude Code

    claude mcp add --transport http webflow https://mcp.webflow.com/mcp

    Cursor, Windsurf, Claude Desktop (mcpServers)

    {
  "mcpServers": {
    "webflow": {
      "url": "https://mcp.webflow.com/mcp"
    }
  }
}
  • Community Webflow v0.1.2

    Webflow MCP Pack

    Runs
    Remote gateway.pipeworx.io
    Registry
    io.github.pipeworx-io/webflow
    Published
    Sep 2026
    Source
    pipeworx-io/mcp-webflow
    Config for this server

    Claude Code

    claude mcp add --transport http webflow https://gateway.pipeworx.io/webflow/mcp

    Cursor, Windsurf, Claude Desktop (mcpServers)

    {
  "mcpServers": {
    "webflow": {
      "url": "https://gateway.pipeworx.io/webflow/mcp"
    }
  }
}

05FAQ

Webflow MCP questions

Is there an official Webflow MCP server?

Yes. Webflow runs an official remote MCP server at https://mcp.webflow.com/mcp. You sign in with your Webflow account in the browser; there is no API key to paste. It exposes 34 tools: 4 read and 0 write.

What is the Webflow MCP server URL?

https://mcp.webflow.com/mcp. It is a remote MCP server over streamable HTTP, hosted at mcp.webflow.com. Paste it into any client that supports remote MCP servers.

How do I add the Webflow MCP server to Claude Code?

Run: claude mcp add --transport http webflow https://mcp.webflow.com/mcp. Then start Claude Code, type /mcp, choose webflow and sign in to Webflow. Add --scope user to make it available in every project.

How do I use the Webflow MCP server in Cursor or VS Code?

In Cursor, add it to ~/.cursor/mcp.json under "mcpServers" as {"webflow": {"url": "https://mcp.webflow.com/mcp"}}. In VS Code, add it to .vscode/mcp.json under "servers" with "type": "http" and the same URL. Both apps also accept the one-click install links on this page.

Does the Webflow MCP server need an API key?

No key to copy. You sign in to your Webflow account in the browser when you first connect, and the client acts with that account’s access.

What tools does the Webflow MCP server have?

34 tools: ask_webflow_ai, asset_tool, data_agent_instructions_tool, data_analyze_tool, data_assets_tool, data_cms_tool, data_comments_tool, data_component_builder, data_component_tool, data_element_builder, data_element_tool, data_enterprise_tool, data_fonts_tool, data_forms_tool, data_localization_tool, data_pages_tool, data_scripts_tool, data_sitemap_tool, data_sites_tool, data_style_tool, data_variable_tool, data_webhook_tool, data_whtml_builder, designer_tool, element_snapshot_tool, get_asset_preview, get_more_tools, webflow_guide_tool, data_interactions_tool, data_campaigns_tool, data_apps_tool, data_component_props_tool, data_component_variants_tool, data_element_settings_tool.

Does Webflow work in ChatGPT?

Yes. Webflow is in ChatGPT’s plugin directory, published by Webflow.

Should I use an official or a community Webflow MCP server?

Start with the official server: it is run by Webflow. The 1 community server is built by third parties; remote ones route your data through their own hosts and local ones usually need an API key.

Sources: the official MCP Registry, Webflow in Claude’s connector directory , Webflow in ChatGPT’s plugin directory, checked October 20, 2026. Client config formats follow each client’s own docs. This site is independent and not affiliated with Webflow, Anthropic or OpenAI. See also the Webflow connector page for reviews.

Loading…

Browse all connectors →