Cómo conectar Webflow a Cursor vía MCP

💡 ¿Sin instalación? Usa cloud.anythingmcp.com directamente. Inicia sesión, pulsa Connectors → Webflow, pega tus credenciales, genera una MCP API key y listo. Sin Docker, sin git clone, sin servidor local.

Webflow + Cursor

Deja que tu IA trabaje en un sitio de Webflow: lee el sitio, sus páginas y ajustes SEO, colecciones e ítems del CMS, formularios y envíos, assets, y productos y pedidos de e-commerce; crea borradores y actualiza ítems del CMS, y publica ítems o el sitio entero cuando des el visto bueno. Con un token de API del sitio.

Requisitos previos

Las instrucciones de configuración completas están incluidas en el conector (visibles en el store al seleccionarlo). Las variables de entorno requeridas:

WEBFLOW_API_TOKEN

Paso 1 — Obtener credenciales

1. Inicia sesión en https://webflow.com/dashboard, pasa el ratón por encima del sitio y haz clic en su icono de engranaje para abrir Site settings. Necesitas ser administrador del sitio.
2. En la barra lateral izquierda elige Apps & integrations, baja hasta API access al final de la página y haz clic en Generate API token.
3. Ponle un nombre al token (por ejemplo "AnythingMCP") y elige estos scopes:
   • sites:read, sites:write (para publicar el sitio)
   • pages:read, pages:write (para los ajustes de las páginas)
   • cms:read, cms:write (para crear, cambiar, publicar, despublicar o eliminar ítems)
   • forms:read, assets:read
   • ecommerce:read (solo en un sitio con e-commerce)
4. Haz clic en Generate token, copia el token enseguida y pégalo en WEBFLOW_API_TOKEN sin la palabra Bearer, e instala el conector.
5. Empieza con webflow_get_token_info: muestra los scopes y el id del sitio al que da acceso el token. Después webflow_list_sites devuelve los datos del sitio; su id es el site_id que usan las demás herramientas.

Scopes: a un token ya creado no se le pueden añadir scopes. Si una herramienta responde 403 missing_scopes, genera un token nuevo con el scope que falta y pégalo en WEBFLOW_API_TOKEN.

Solo lectura: marca solo los scopes :read y desactiva webflow_publish_site, webflow_update_page_settings, webflow_create_item, webflow_update_item, webflow_publish_items, webflow_create_live_item y webflow_update_live_item.

Desactivadas al instalar: webflow_delete_item, que elimina un ítem del CMS para siempre, y webflow_unpublish_live_item, que retira de la web un ítem publicado (queda en el CMS como borrador). Actívalas solo si la IA debe eliminar o despublicar ítems.

Un sitio por token: un token de sitio solo llega al sitio en el que se generó. Un sitio puede tener hasta 5 tokens, y un token caduca tras 365 días sin uso. Para varios sitios, instala el conector una vez por sitio.

Planes: la API funciona con todos los planes de sitio, incluido el plan gratuito Starter. Las herramientas del CMS necesitan un plan que lo incluya: Starter trae uno pequeño (20 colecciones, 50 ítems), Basic ninguno. En Starter, Webflow puede rechazar la publicación de ítems sueltos (webflow_publish_items, webflow_create_live_item, webflow_update_live_item, webflow_unpublish_live_item), porque la presenta como función de los planes CMS de pago: publica entonces el sitio entero. Los productos y pedidos necesitan un plan de e-commerce; los demás sitios responden 409.

Contenido staged y live: cada ítem del CMS tiene una versión staged (la que ven los editores) y, una vez publicado, una versión live en la web. webflow_create_item y webflow_update_item solo cambian el contenido staged, así que en el sitio público no cambia nada; los ítems nuevos son borradores. webflow_publish_items pone en línea los ítems elegidos y webflow_publish_site publica todos los cambios staged del sitio, páginas e ítems. webflow_create_live_item y webflow_update_live_item escriben directamente en el sitio público. Marcar como borrador un ítem publicado no lo retira de la web; archivarlo sí, en la siguiente publicación del sitio. webflow_list_items muestra los ítems staged, webflow_list_live_items lo que ven los visitantes.

Publicar es público: confirma antes. Antes de publicar el sitio o ítems, escribir ítems live o cambiar los ajustes de una página (títulos, slugs, textos SEO y Open Graph con webflow_update_page_settings), la IA te dice exactamente qué cambiará en la web y espera tu sí. Webflow acepta una publicación correcta del sitio por minuto.

Datos de los campos: el contenido de un ítem va indexado por el slug de cada campo que da webflow_get_collection, no por su nombre visible; name y slug son obligatorios en un ítem nuevo. El texto enriquecido es HTML, una referencia lleva el id de un ítem y una imagen nueva es una URL pública (4 MB como máximo) con la forma {"url": "https://..."}. Cambiar el slug de un ítem rompe los enlaces a la URL antigua.

Idiomas: en un sitio localizado, webflow_get_site lista los idiomas (locales). Si no indicas ninguno, las herramientas usan el principal.

Límites de uso: por token, 60 solicitudes por minuto en los planes de sitio Starter y Basic, 120 en los planes CMS, e-commerce y Business. Por encima del límite Webflow responde 429 con una cabecera Retry-After, normalmente de 60 segundos: espera y vuelve a intentarlo. Las herramientas de listado devuelven como máximo 100 entradas por página.

Errores frecuentes: 400 indica el campo con el problema: un slug de campo desconocido, un valor con formato incorrecto o que falta name o slug. 401 significa que el token es incorrecto, se revocó o caducó: genera uno nuevo en Site settings → Apps & integrations → API access. 403 (missing_scopes o forbidden) significa que al token le falta un scope (genera un token nuevo que lo incluya) o que el plan del sitio no incluye esa función. 404 es un id incorrecto o un id de otro sitio. 409 significa que la solicitud choca con el estado del sitio, por ejemplo llamadas de e-commerce en un sitio sin e-commerce. 429 es el límite de uso: espera el tiempo que indica Retry-After.

El conector no crea ni cambia colecciones y campos, no edita el contenido de las páginas, componentes ni custom code, no sube ni elimina assets, no cambia envíos de formularios ni edita productos y pedidos, y no gestiona webhooks, comentarios ni analíticas.

Paso 2 — Instalar el adapter

curl -fsSL https://raw.githubusercontent.com/HelpCode-ai/anythingmcp/main/docker-compose.quickstart.yml -o docker-compose.yml
printf 'JWT_SECRET=%s\nENCRYPTION_KEY=%s\n' "$(openssl rand -hex 32)" "$(openssl rand -hex 32)" > .env
docker compose up -d

Paso 3 — Añadir el conector en Cursor

La URL de tu servidor: en AnythingMCP abre MCP Servers → el servidor donde está este conector y copia su URL (https://cloud.anythingmcp.com/mcp/…). Úsala donde esta guía muestra YOUR_SERVER_ID.

Cursor lee los servidores MCP de ~/.cursor/mcp.json. Añade esta entrada:

{
  "mcpServers": {
    "anythingmcp": {
      "url": "https://cloud.anythingmcp.com/mcp/YOUR_SERVER_ID",
      "headers": { "X-API-Key": "YOUR_MCP_API_KEY" }
    }
  }
}

1. Crea una clave de API MCP en AnythingMCP en MCP Servers → tu servidor → API keys y pégala en lugar de YOUR_MCP_API_KEY.
2. Guarda el archivo y reinicia Cursor.
3. Abre Cursor → Settings → MCP y comprueba que anythingmcp aparece en la lista y está conectado.
4. Empieza a chatear: el agente ya puede usar las herramientas de Webflow.

Herramientas disponibles

Ejemplos de prompts

• "Enumera las páginas de nuestro sitio de Webflow a las que les falta el título SEO o la meta description."
• "¿Qué artículos del blog en el CMS siguen siendo borradores, y cuándo se actualizaron por última vez?"
• "Muéstrame los envíos del formulario de contacto de esta semana con nombre, empresa y mensaje."
• "Crea en la colección Blog un artículo nuevo titulado "Novedades de producto de primavera" con un resumen breve, solo como borrador. No lo publiques."

FAQ

¿Cursor admite servidores MCP personalizados en el plan gratuito? Sí, MCP está disponible en los planes Hobby, Pro y Business.

Siguientes pasos

• Página del conector
• Conectar a Claude
• Conectar a ChatGPT