Skip to main content
Glama
deenesjakoruzh

Webflow

Official
by webflow
npmGitHub
TypeScript
MIT License
193
84
OverviewInspectNewEndpointsSchemaRelated ServersReviewsScore
Need Help?View Source CodeReport Issue

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 .

escudo npm escudo de helecho

ℹ Requisitos previos

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

Para el cursor:

  1. Vaya a Settings → Cursor Settings → MCP

  2. Haga clic en + Add New Global MCP Server

  3. 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" } } }

  1. 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:

  1. Abrir Settings → Developer

  2. Haga clic en Edit Config

  3. 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"] } } }

  1. 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:

  1. Vaya a Windsurf - Settings → Advanced Settings

  2. Desplácese hacia abajo hasta la sección Cascade → Add Server → Add custom server +

  3. 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"] } } }

  1. 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)

  1. Obtenga su token de API de Webflow

  1. 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:

  1. Vaya a Configuración → Configuración del cursor → MCP

  2. Haga clic en + Add New Global MCP Server

  3. Pegar configuración

  4. Reemplace YOUR_WEBFLOW_TOKEN con el token que copió anteriormente

  5. Guardar y reiniciar el cursor

Para Claude Desktop:

  1. Abrir Configuración → Desarrollador

  2. Haga clic en Edit Config

  3. Abra claude_desktop_config.json en un editor de código y pegue la configuración

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

  1. Vaya al API Playground de Webflow , inicie sesión y genere un token, luego copie el token desde el generador de solicitudes

  2. Reemplace YOUR_WEBFLOW_TOKEN en la configuración de su cliente MCP con el token que copió

  3. 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:

  1. Clonar e instalar:

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

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

# .env WEBFLOW_TOKEN=<YOUR_WEBFLOW_TOKEN>

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

Deploy Server
A
security – no known vulnerabilities
-
license - not tested
A
quality - confirmed to work

How are these scores calculated?

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.

  1. ℹ Requisitos previos
    1. ▶️ Inicio rápido (alojado en trabajadores de Cloudflare)
      1. ▶️ Inicio rápido (instalación local)
        1. ❓ Solución de problemas
          1. Asegúrese de tener un token de API de Webflow válido
          2. Asegúrese de tener instalados Node y NPM
          3. Limpia tu caché de NPM
          4. Corregir los permisos de paquetes globales de NPM
        2. 🛠️ Herramientas disponibles
          1. Sitios
          2. Páginas
          3. Componentes
          4. CMS
          5. Código personalizado
        3. 🗣️ Indicaciones y recursos
          1. 🚧 Modo de desarrollo
            1. Recursos para desarrolladores de Webflow
            2. ⚠️ Limitaciones conocidas

          Related Resources

          Related MCP Servers

          • mcp-twikit

            adhikasp
            -
            security
            -
            license
            -
            quality
            Interact with Twitter search and timeline
            Last updated -
            208
            MIT License

          • Webflow MCP Server

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

          • Confluence Communication Server

            KS-GEN-AI
            A
            security
            -
            license
            A
            quality
            Enables querying and retrieving content from Confluence through CQL searches and page content fetching, allowing Claude to seamlessly access information stored in Confluence workspaces.
            Last updated -
            3
            12
            MIT License
            • Apple

          • Webflow MCP Server

            TimKJones
            -
            security
            -
            license
            -
            quality
            Enables Claude to interact with Webflow's APIs, allowing access to site information, collections, and other Webflow resources.
            Last updated -
            193
            MIT License
            • Apple

          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