Skip to main content
Glama
Sign In
deenesjakoruzh

Webflow

Official
by webflow
npmGitHub
TypeScript
MIT License
176
34
OverviewInspectNewSchemaRelated ServersReviewsScore
Need Help?View Source CodeReport Issue

Webflow's Official 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

▶️ Quick start (hosted on Cloudflare workers)

For Cursor:

  1. Go to Settings → Cursor Settings → MCP
  2. Click + Add New Global MCP Server
  3. Paste the following configuration (or add the webflow part to your existing configuration)
{ "mcpServers": { "webflow": { "command": "npx mcp-remote https://mcp.webflow.com/sse" } } }
  1. Save, Cursor will automatically open a new browser window showing an OAuth login page to authorize the Webflow sites you want the MCP server to have access to.

For Claude Desktop:

  1. Open Settings → Developer
  2. Click Edit Config
  3. Open claude_desktop_config.json in a code editor and paste the following configuration (or add the webflow part to your existing configuration)
{ "mcpServers": { "webflow": { "command": "npx", "args": ["mcp-remote", "https://mcp.webflow.com/sse"] } } }
  1. Save the file and restart Claude Desktop (command/ctrl + R). When Claude restarts, it will automatically open a new browser window showing an OAuth login page to authorize the Webflow sites you want the MCP server to have access to.

For Windsurf:

  1. Navigate to Windsurf - Settings → Advanced Settings
  2. Scroll down to the Cascade section → Add Server → Add custom server +
  3. Paste the following configuration (or add the webflow part to your existing configuration)
{ "mcpServers": { "webflow": { "command": "npx", "args": ["mcp-remote", "https://mcp.webflow.com/sse"] } } }
  1. Click Save, Windsurf will automatically open a new browser window showing an OAuth login page to authorize the Webflow sites you want the MCP server to have access to.

Important note

All these methods rely on the mcp-remote npm package which is still considered experimental as of 04/30/2025. If at any point you have issues, and want to reset your OAuth tokens, you can run the following command before restarting your MCP client:

rm -rf ~/.mcp-auth

▶️ Quick start (local installation)

  1. Get your Webflow API token
  1. Add to your AI editor
{ "mcpServers": { "webflow": { "command": "npx", "args": ["-y", "webflow-mcp-server@0.5.1"], "env": { "WEBFLOW_TOKEN": "<YOUR_WEBFLOW_TOKEN>" } } } }

For Cursor:

  1. Go to Settings → Cursor Settings → MCP
  2. Click + Add New Global MCP Server
  3. Paste configuration
  4. Replace YOUR_WEBFLOW_TOKEN with the token you copied earlier
  5. Save and restart Cursor

For Claude Desktop:

  1. Open Settings → Developer
  2. Click Edit Config
  3. Open claude_desktop_config.json in a code editor and paste configuration
  4. Replace YOUR_WEBFLOW_TOKEN with the token you copied earlier 5. Save and restart Claude

❓ Troubleshooting

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

Ensure 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

Ensure 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

Sites

sites - list; // List all sites sites - get; // Get site details sites - publish; // Publish site changes

Pages

pages - list; // List all pages pages - get - metadata; // Get page metadata pages - update - page - settings; // Update page settings pages - get - content; // Get page content pages - update - static - content; // Update page content

Components

components - list // List all components in a site components - get - content // Get component content (text, images, nested components) components - update - content // Update component content for localization components - get - properties // Get component properties (default values) components - update - properties // Update component properties for localization

CMS

collections - list; // List collections collections - get; // Get collection details collections - create; // Create a collection collection - fields - create - static; // Create a static field collection - fields - create - option; // Create an option field collection - fields - create - reference; // Create a reference field collection - fields - update; // Update a custom field collections - items - create - item - live; // Create items collections - items - update - items - live; // Update items collections - items - list - items; // List collection items collections - items - create - item; // Create collection items (staged) collections - items - update - items; // Update collection items (staged) collections - items - publish - items; // Publish collection items

Custom Code

custom code - add - inline - site - script // Register an inline script for a site custom code - get - registered - site - script - list // List all scripts registered to a site custom code - get - applied - site - script - list //Get all scripts applied to a site custom code - delete site custom code // Remove scripts from a site

🗣️ Prompts & Resources

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

🚧 Development mode

If you want to run the server in development mode, you can install dependencies and run the server using the following command:

  1. Clone and install:
git clone git@github.com:webflow/mcp-server.git cd mcp-server npm install
  1. Add your token to a .env file at the root of the project:
# .env WEBFLOW_TOKEN=<YOUR_WEBFLOW_TOKEN>
  1. Start development server:
npm start

📄 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 are not supported and will result in errors.

You must be authenticated.

A
security – no known vulnerabilities
A
license - permissive license
A
quality - confirmed to work

hybrid server

The server is able to function both locally and remotely, depending on the configuration or use case.

Tools

View all tools

Interact with Webflow sites, pages, and collections.

  1. ℹ Prerequisites
    1. ▶️ Quick start (hosted on Cloudflare workers)
      1. ▶️ Quick start (local installation)
        1. ❓ Troubleshooting
          1. Ensure you have a valid Webflow API token
          2. Ensure you have the Node and NPM installed
          3. Clear your NPM cache
          4. Fix NPM global package permissions
        2. 🛠️ Available tools
          1. Sites
          2. Pages
          3. Components
          4. CMS
          5. Custom Code
        3. 🗣️ Prompts & Resources
          1. 🚧 Development mode
            1. 📄 Webflow Developer resources
            2. ⚠️ Known Limitations

          Related Resources

          Related MCP Servers

          • Puppeteer MCP Server

            merajmehrabi
            A
            security
            A
            license
            A
            quality
            Enables browser automation with Puppeteer, supporting navigation, form interactions, and connection to active Chrome instances for comprehensive web page interaction.
            Last updated -
            8
            470
            8
            TypeScript
            MIT License
            • Apple
            • Linux

          • Webflow MCP Server

            kapilduraphe
            A
            security
            A
            license
            A
            quality
            Enables Claude to interact with Webflow's APIs for managing sites, retrieving information, and executing tasks using natural language.
            Last updated -
            2
            4
            TypeScript
            MIT License
            • Apple
            • Linux

          • Wordware MCP Server

            hugobiais
            -
            security
            A
            license
            -
            quality
            A Model Context Protocol server implementation that integrates Wordware flows as tools directly within Claude conversations, supporting features like founder research, lead enrichment, Notion integration, and task solving with Google search.
            Last updated -
            50
            JavaScript
            MIT License
            • Apple

          • AWS CodePipeline MCP Server

            cuongdev
            -
            security
            F
            license
            -
            quality
            A Model Context Protocol server that integrates with AWS CodePipeline, allowing users to manage pipelines through Windsurf and Cascade using natural language commands.
            Last updated -
            4
            TypeScript

          View all related MCP servers

          Appeared in Searches

          New MCP Servers

          MCP directory API

          We provide all the information about MCP servers via our MCP API.

          curl -X GET 'https://glama.ai/api/mcp/v1/servers/webflow/mcp-server'

          If you have feedback or need assistance with the MCP directory API, please join our Discord server