Flujo web

Servidor MCP oficial de Webflow

Un servidor Node.js que implementa el Protocolo de Contexto de Modelo (MCP) para Webflow mediante el SDK de JavaScript de Webflow . Permite que los agentes de IA interactúen con las API de Webflow. Obtén más información sobre la API de datos de Webflow en la documentación para desarrolladores .

ℹ Requisitos previos

▶️ Inicio rápido (alojado en trabajadores de Cloudflare)

Para el cursor:

Vaya a Settings → Cursor Settings → MCP
Haga clic en + Add New Global MCP Server
Pegue la siguiente configuración (o agregue la parte de webflow a su configuración existente)

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

Guardar, el cursor abrirá automáticamente una nueva ventana del navegador que muestra una página de inicio de sesión de OAuth para autorizar los sitios de Webflow a los que desea que el servidor MCP tenga acceso.

Para Claude Desktop:

Abrir Settings → Developer
Haga clic en Edit Config
Abra claude_desktop_config.json en un editor de código y pegue la siguiente configuración (o agregue la parte webflow a su configuración existente)

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

Guarde el archivo y reinicie Claude Desktop (comando/ctrl + R). Al reiniciarse, Claude abrirá automáticamente una nueva ventana del navegador con una página de inicio de sesión de OAuth para autorizar los sitios de Webflow a los que desea que el servidor MCP tenga acceso.

Para Windsurf:

Vaya a Windsurf - Settings → Advanced Settings
Desplácese hacia abajo hasta la sección Cascade → Add Server → Add custom server +
Pegue la siguiente configuración (o agregue la parte de webflow a su configuración existente)

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

Haga clic en Save ; Windsurf abrirá automáticamente una nueva ventana del navegador que mostrará una página de inicio de sesión de OAuth para autorizar los sitios de Webflow a los que desea que el servidor MCP tenga acceso.

Nota importante

Todos estos métodos se basan en el paquete npm mcp-remote , que aún se considera experimental al 30/04/2025. Si en algún momento tiene problemas y desea restablecer sus tokens OAuth, puede ejecutar el siguiente comando antes de reiniciar su cliente MCP:

rm -rf ~/.mcp-auth

▶️ Inicio rápido (instalación local)

Obtenga su token de API de Webflow

Vaya al API Playground de Webflow
Inicia sesión y genera un token
Copiar el token del generador de solicitudes

Agregar a tu editor de IA

{
  "mcpServers": {
    "webflow": {
      "command": "npx",
      "args": ["-y", "webflow-mcp-server@0.5.1"],
      "env": {
        "WEBFLOW_TOKEN": "<YOUR_WEBFLOW_TOKEN>"
      }
    }
  }
}

Para el cursor:

Vaya a Configuración → Configuración del cursor → MCP
Haga clic en + Add New Global MCP Server
Pegar configuración
Reemplace YOUR_WEBFLOW_TOKEN con el token que copió anteriormente
Guardar y reiniciar el cursor

Para Claude Desktop:

Abrir Configuración → Desarrollador
Haga clic en Edit Config
Abra claude_desktop_config.json en un editor de código y pegue la configuración
Reemplace YOUR_WEBFLOW_TOKEN con el token que copió anteriormente 5. Guarde y reinicie Claude

❓ Solución de problemas

Si tiene problemas al iniciar el servidor en su cliente MCP, por ejemplo, Cursor o Claude Desktop, intente lo siguiente.

Asegúrese de tener un token de API de Webflow válido

Vaya al API Playground de Webflow , inicie sesión y genere un token, luego copie el token desde el generador de solicitudes
Reemplace YOUR_WEBFLOW_TOKEN en la configuración de su cliente MCP con el token que copió
Guarde y reinicie su cliente MCP

Asegúrese de tener instalados Node y NPM

Ejecute los siguientes comandos para confirmar que tiene Node y NPM instalados:

node -v
npm -v

Limpia tu caché de NPM

A veces, borrar el caché de NPM puede resolver problemas con npx .

npm cache clean --force

Corregir los permisos de paquetes globales de NPM

Si npm -v no funciona, pero sudo npm -v sí, quizás deba corregir los permisos globales de los paquetes de NPM. Consulte la documentación oficial de NPM para obtener más información.

Nota: si está realizando cambios en la configuración de su shell, es posible que deba reiniciarlo para que los cambios surtan efecto.

🛠️ Herramientas disponibles

Sitios

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

Páginas

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

Componentes

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

Código personalizado

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 

🗣️ Indicaciones y recursos

Esta implementación no incluye prompts ni resources de la especificación MCP. Sin embargo, esto podría cambiar en el futuro cuando se amplíe la compatibilidad con los clientes MCP más populares.

🚧 Modo de desarrollo

Si desea ejecutar el servidor en modo de desarrollo, puede instalar dependencias y ejecutar el servidor utilizando el siguiente comando:

Clonar e instalar:

git clone git@github.com:webflow/mcp-server.git
cd mcp-server
npm install

Agregue su token a un archivo .env en la raíz del proyecto:

# .env
WEBFLOW_TOKEN=<YOUR_WEBFLOW_TOKEN>

Iniciar servidor de desarrollo:

npm start

Recursos para desarrolladores de Webflow

⚠️ Limitaciones conocidas

Actualizaciones de contenido de páginas estáticas

Actualmente, el punto de conexión pages_update_static_content solo admite actualizaciones de páginas estáticas localizadas en configuraciones regionales secundarias. Las actualizaciones de contenido estático en la configuración regional predeterminada no se admiten y generarán errores.

You must be authenticated.

security – no known vulnerabilities

license - permissive license

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úe con sitios, páginas y colecciones de Webflow.

Related Resources

Reddit Discussion about this server

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
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
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
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

Webflow