Prototype · Preview: every server in the official registry, synced every 30 minutes. Reviews and accounts come in a later step.
PopNx MCPMCP servers for people who use AI · explained in plain words
Beginner mode On
ColoursSystemLightDark
LanguageไทยEnglish中文日本語한국어EspañolDeutsch
☰ MenuSettings
Beginner mode On
ColoursSystemLightDark
LanguageไทยEnglish中文日本語한국어EspañolDeutsch

Webflow MCP

by webflowversion 2.0.0i★ –iRuns in the cloud
Registry namecom.webflow/mcp

Install

Overview

Description from the maker (original English)

AI-powered design and management for Webflow Sites

PopNx MCP’s three pillars

These three are never merged into one score: opinions, measurements and popularity are different things.

What you can do with it

We have not written a plain-language summary for this one yet. Below are the facts we read from the registry.

  • Connection: Runs in the cloud
  • Transport: Streamable HTTP
  • Category: Design, images & audio

Install

Pick the AI app you use, then copy the settings.

Before you install

  • Basic checks: 1 of 1 passed
  • Runs on the maker’s server: what you ask it goes through their server.
  • The registry lists no key to fill in.

You need

Which app do you use?

Pick your app above. We remember it, so next time the button says “Install in …”.

Works in Claude on the web, desktop and mobile:

  1. Open Settings → Connectors
  2. Press Add custom connector
  3. Paste the address below and press Add
  4. If it asks you to sign in, sign in with the maker
SettingsConnectors1+ Add2https://…3
https://mcp.webflow.com/mcp

Run this in your terminal

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

Open in Cursor

Or copy the settings yourself

Paste into .cursor/mcp.json in your project, or ~/.cursor/mcp.json

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

Your browser asks to open the app, then the app shows the settings and asks you to confirm. Key values are left empty for you to fill in.

Open in VS Code

Or copy the settings yourself

Paste into .vscode/mcp.json in your project

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

Your browser asks to open the app, then the app shows the settings and asks you to confirm. Key values are left empty for you to fill in.

ChatGPT connects only to servers on the internet:

  1. Open ChatGPT on the web → Settings → Connectors (Apps)
  2. Press Create or Add (some plans need Developer mode under Advanced first)
  3. Paste the address below, give it a name and save
  4. If it asks you to sign in, sign in with the maker
SettingsConnectors1+ Create2https://…3
https://mcp.webflow.com/mcp

Menu names can differ slightly by plan and over time.

Your choice stays on this device in a cookie; no account needed.

These settings are generated from the maker’s registry entry. If the README says otherwise, follow the README.

What it can do

We have not read this server’s tool list yet; we check endpoints in rotation.

Basic checksi

We check information anyone can see; we have not read the code. Checks that do not apply are left out of the count. · Checked Nov 6, 2026

  • ✓ Pass

    Maker matches the repo

    The registry name was verified against the domain webflow.com (the registry checks domain ownership)

  • … Not checked yet

    Still maintained

    We have not read this repo from GitHub yet

  • … Not checked yet

    Has a licence

    We have not read this repo from GitHub yet

  • … Not checked yet

    Endpoint responds

    Not checked yet; we check endpoints in rotation

  • … Not checked yet

    Sign-in with OAuth

    Not checked yet; we check endpoints in rotation

  • … Not checked yet

    No hidden instructions in tool descriptions

    Not checked yet; we read the tool list when we check the endpoint

Compared with others in Design, images & audioi

  • More stars than 0% of the other 2164 servers in this category
  • Published to the registry more recently than 0% of the other 2164 servers in this category
  • Basic checks equal to or better than 100% of the other 2164 servers in this category

Compared with every active server in this category in the registry. Stars count only when the publisher owns the repo.

Common questions

Is Webflow MCP safe?

It passed 1 of 1 applicable basic checks. We have not read the code. Before adding a key or token, see what access the server asks for and use a key with only the permissions you need.

What keys or codes does it need?

The registry does not list a required key, though some servers ask you to sign in on first use.

Does it run on my computer or in the cloud?

It runs in the maker’s cloud. Connect over the internet with nothing to install, but what you send passes through the maker’s servers.

Is it still maintained?

The GitHub repo last changed –, and the latest version (2.0.0) reached the registry 12 months ago.

Which apps can use it?

Apps that support MCP, such as Claude Desktop, Claude Code, Cursor and VS Code. It connects by URL, so apps that accept remote MCP servers work too, such as ChatGPT in developer mode.

What can I use instead?

In the same category: Figma Context MCP, Claude Real Video, Figma MCP Server

Alternatives

Servers in the same category from other makers, sorted by stars.

Reading a card:★ GitHub starsiThree pillars: reviews · checks · usageiUpdated = latest version published to the registryi

Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

Runs on your computer★ 16,165MITUpdated 5 months ago
Install

Claude Real Video

by HUANGCHIHHUNGLeo

Let any LLM watch a video locally — and search everything it has ever watched.

Runs on your computer★ 2,284MITUpdated 2 months ago
Install

Figma’s official server gives AI your design data so it can turn designs into code or describe them accurately. Connects to Figma’s cloud.

Runs in the cloud★ 2,152Updated 13 months ago
Install

README from the maker

Open the README

Copied from the maker’s repo as written. PopNx MCP has not reviewed or endorsed it. HTML, images and scripts are removed. Links lead off this site.

Webflow's MCP server

A Node.js server implementing Model Context Protocol (MCP) for Webflow using the Webflow JavaScript SDK. Enable AI agents to interact with Webflow APIs. Learn more about Webflow's Data API in the developer documentation.

Prerequisites

🚀 Remote installation

Get started by installing Webflow's remote MCP server. The remote server uses OAuth to authenticate with your Webflow sites, and a companion app that syncs your live canvas with your AI agent.

Requirements
  • Node.js 22.3.0 or higher

Note: The MCP server currently supports Node.js 22.3.0 or higher. If you run into version issues, see the Node.js compatibility guidance.

Cursor
Add MCP server to Cursor
  1. Go to Settings → Cursor Settings → MCP & Integrations.
  2. Under MCP Tools, click + New MCP Server.
  3. Paste the following configuration into .cursor/mcp.json (or add the webflow part to your existing configuration):
{

"mcpServers": { "webflow": { "url": "https://mcp.webflow.com/sse" } } }

Tip: You can create a project-level mcp.json to avoid repeated auth prompts across multiple Cursor windows. See Cursor’s docs on configuration locations.

  1. Save and close the file. Cursor will automatically open an OAuth login page where you can authorize Webflow sites to use with the MCP server.
Open the Webflow Designer
  • Open your site in the Webflow Designer, or ask your AI agent:
Give me a link to open <MY_SITE_NAME> in the Webflow Designer
Open the MCP Webflow App
  1. In the Designer, open the Apps panel (press E).
  2. Launch your published "Webflow MCP Bridge App".
  3. Wait for the app to connect to the MCP server.
Write your first prompt

Try these in your AI chat:

Analyze my last 5 blog posts and suggest 3 new topic ideas with SEO keywords
Find older blog posts that mention similar topics and add internal links to my latest post
Create a hero section card on my home page with a CTA button and responsive design
Claude desktop
Add MCP server to Claude desktop
  1. Enable developer mode: Help → Troubleshooting → Enable Developer Mode.
  2. Open developer settings: File → Settings → Developer.
  3. Click Get Started or edit the configuration to open claude_desktop_config.json and add:
{

"mcpServers": { "webflow": { "command": "npx", "args": ["mcp-remote", "https://mcp.webflow.com/sse"] } } }

  1. Save and restart Claude Desktop (Cmd/Ctrl + R). An OAuth login page will open to authorize sites.
Open the Webflow Designer
  • Open your site in the Webflow Designer, or ask your AI agent:
Give me a link to open <MY_SITE_NAME> in the Webflow Designer
Open the MCP Webflow App
  1. In the Designer, open the Apps panel (press E).
  2. Launch your published "Webflow MCP Bridge App".
  3. Wait for the app to connect to the MCP server.
Write your first prompt
Analyze my last 5 blog posts and suggest 3 new topic ideas with SEO keywords
Find older blog posts that mention similar topics and add internal links to my latest post
Create a hero section card on my home page with a CTA button and responsive design
Reset your OAuth token

To reset your OAuth token, run the following command in your terminal.

rm -rf ~/.mcp-auth
Node.js compatibility

Please see the Node.js compatibility guidance on Webflow's developer docs.

Local Installation

You can also configure the MCP server to run locally. This requires:

  • Creating and registering your own MCP Bridge App in a Webflow workspace with Admin permissions
  • Configuring your AI client to start the local MCP server with a Webflow API token
1. Create and publish the MCP bridge app

Before connecting the local MCP server to your AI client, you must create and publish the Webflow MCP Bridge App in your workspace.

Steps
  1. Register a Webflow App
  • Go to your Webflow Workspace and register a new app.
  • Follow the official guide: Register an App.
  1. Get the MCP Bridge App code
  • Option A: Download the latest bundle.zip from the releases page.
  • Option B: Clone the repository and build it: bash git clone https://github.com/virat21/webflow-mcp-bridge-app cd webflow-mcp-bridge-app
  • Then build the project following the repository instructions.
  1. Publish the Designer Extension
  • Go to Webflow Dashboard → Workspace settings → Apps & Integrations → Develop → Your App.
  • Click “Publish Extension Version”.
  • Upload your built bundle.zip file.
  1. Open the App in Designer
  • Once published, open the MCP Bridge App from the Designer → Apps panel in a site within your workspace.
2. Configure your AI client
Cursor

Add to .cursor/mcp.json:

{

"mcpServers": { "webflow": { "command": "npx", "args": ["-y", "webflow-mcp-server@latest"], "env": { "WEBFLOW_TOKEN": " " } } } }

Claude desktop

Add to claude_desktop_config.json:

{

"mcpServers": { "webflow": { "command": "npx", "args": ["-y", "webflow-mcp-server@latest"], "env": { "WEBFLOW_TOKEN": " " } } } }

3. Use the MCP server with the Webflow Designer
  • Open your site in the Webflow Designer.
  • Open the Apps panel (press E) and launch your published “Webflow MCP Bridge App”.
  • Wait for the app to connect to the MCP server, then use tools from your AI client.
  • If the Bridge App prompts for a local connection URL, call the get_designer_app_connection_info tool from your AI client and paste the returned http://localhost: URL.
Optional: Run locally via shell
WEBFLOW_TOKEN="<YOUR_WEBFLOW_TOKEN>" npx -y webflow-mcp-server@latest
# PowerShell

$env:WEBFLOW_TOKEN=" " npx -y webflow-mcp-server@latest

Reset your OAuth Token

To reset your OAuth token, run the following command in your terminal.

rm -rf ~/.mcp-auth
Node.js compatibility

Please see the Node.js compatibility guidance on Webflow's developer docs.

❓ Troubleshooting

If you are having issues starting the server in your MCP client e.g. Cursor or Claude Desktop, please try the following.

Make sure you have a valid Webflow API token
  1. Go to Webflow's API Playground, log in and generate a token, then copy the token from the Request Generator
  2. Replace YOUR_WEBFLOW_TOKEN in your MCP client configuration with the token you copied
  3. Save and restart your MCP client
Make sure you have the Node and NPM installed

Run the following commands to confirm you have Node and NPM installed:

node -v

npm -v

Clear your NPM cache

Sometimes clearing your NPM cache can resolve issues with npx.

npm cache clean --force
Fix NPM global package permissions

If npm -v doesn't work for you but sudo npm -v does, you may need to fix NPM global package permissions. See the official NPM docs for more information.

Note: if you are making changes to your shell configuration, you may need to restart your shell for changes to take effect.

🛠️ Available tools

See the ./tools directory for a list of available tools

🗣️ Prompts & resources

This implementation doesn't include prompts or resources from the MCP specification. However, this may change in the future when there is broader support across popular MCP clients.

📄 Webflow developer resources

⚠️ Known limitations

Static page content updates

The pages_update_static_content endpoint currently only supports updates to localized static pages in secondary locales. Updates to static content in the default locale aren't supported and will result in errors.

Ask PopNx