webflow.com
webflow.com logo

Webflow

Integration with the Webflow Data API.

Created byApr 22, 2025

Webflow MCP

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.
![npm shield](https://img.shields.io/npm/v/webflow-mcp-server) ![fern shield](https://img.shields.io/badge/%F0%9F%8C%BF-Built%20with%20Fern-brightgreen)

Prerequisites

Quick start

  1. Get your Webflow API token
  • Log in and generate a token
  • Copy the token from the Request Generator Get API Token
  1. Add to your AI editor
For Cursor:
  1. Go to Settings Cursor Settings MCP
  1. Click + Add New Global MCP Server
  1. Paste configuration
  1. Replace YOUR_WEBFLOW_TOKEN with the token you copied earlier
  1. Save and restart Cursor
For Claude Desktop:
  1. Open Settings Developer
  1. Click Edit Config
  1. Open claude_desktop_config.json in a code editor and paste configuration
  1. 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
  1. Replace YOUR_WEBFLOW_TOKEN in your MCP client configuration with the token you copied
  1. 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:

Clear your NPM cache

Sometimes clearing your NPM cache can resolve issues with npx.

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

Pages

CMS

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:
  1. Add your token to a .env file at the root of the project:
  1. Start development server:

Webflow Developer resources

Webflow MCP

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.
![npm shield](https://img.shields.io/npm/v/webflow-mcp-server) ![fern shield](https://img.shields.io/badge/%F0%9F%8C%BF-Built%20with%20Fern-brightgreen)

Prerequisites

Quick start

  1. Get your Webflow API token
  • Log in and generate a token
  • Copy the token from the Request Generator Get API Token
  1. Add to your AI editor
For Cursor:
  1. Go to Settings Cursor Settings MCP
  1. Click + Add New Global MCP Server
  1. Paste configuration
  1. Replace YOUR_WEBFLOW_TOKEN with the token you copied earlier
  1. Save and restart Cursor
For Claude Desktop:
  1. Open Settings Developer
  1. Click Edit Config
  1. Open claude_desktop_config.json in a code editor and paste configuration
  1. 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
  1. Replace YOUR_WEBFLOW_TOKEN in your MCP client configuration with the token you copied
  1. 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:

Clear your NPM cache

Sometimes clearing your NPM cache can resolve issues with npx.

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

Pages

CMS

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:
  1. Add your token to a .env file at the root of the project:
  1. Start development server:

Webflow Developer resources

Related servers

magicslides
magicslides logo

MagicSlides MCP Server

A server that implements the Model Context Protocol (MCP) to generate PowerPoint presentations from text, YouTube videos, or structured JSON data.

A server that implements the Model Context Protocol (MCP) to generate PowerPoint presentations from text, YouTube videos, or structured JSON data.

Anthropic
Anthropic logo

Slack

Send messages, manage channels, and access workspace history.

Send messages, manage channels, and access workspace history.

Anthropic
Anthropic logo

Filesystem

Read, write, and manipulate local files through a controlled API.

Read, write, and manipulate local files through a controlled API.

Anthropic
Anthropic logo

Knowledge Graph Memory

Build and query persistent semantic networks for data management.

Build and query persistent semantic networks for data management.