Intermediomcp

MCP Webflow — operar sitios Webflow desde Claude Code

MCP server con 141 installs para Webflow API. Permite a Claude operar sitios Webflow: items, collections, pages, publishing. Para shops que viven en Webflow y querés AI orquestando contenido.

29 de mayo de 20262 min de lecturaclaude-codewebflow

GitHub

Qué es#

Webflow es un site builder visual no-code muy usado para marketing sites, landing pages y portfolios. Su API permite gestión programática de CMS, collections, items, publishing.

Este MCP conecta esa API a Claude Code. Útil cuando tu sitio Webflow es la fuente de truth de contenido y querés que Claude opere sin abrir el designer.

Tabla resumen#

Campo	Valor
Categoría aitmpl	`devtools`
Installs	141
Servidor MCP	`webflow`
Cuenta requerida	Sí — Webflow + API key

Cómo se instala#

bash

npx claude-code-templates@latest --mcp devtools/webflow

Pre-requisito: cuenta Webflow + API token desde webflow.com/dashboard/account/integrations.

Para Claude:

bash

Instalé el MCP devtools/webflow. Configurá el API token. Listame mis
sites. Para el site X, mostrame collections y un sample de items por
cada una.

Qué podés hacer con esto#

CMS automation#

"Para mi site Y, agregame estos 20 items en la collection Blog Posts desde mi CSV". Bulk import sin abrir designer.

Sync con código#

"De los PRs que cerré con label release-notes, generame un item en la collection Changelog con título, fecha y resumen del cambio".

Update masivo#

"En la collection Products, actualizame el campo price multiplicando por 1.15 (incremento del 15%) para los items en la categoría X".

Publishing programático#

"Después de actualizar items, publica los cambios al dominio live". Sin click manual.

Audit de contenido#

"Listame items en la collection Blog Posts sin imagen destacada o sin meta description. Para SEO matters".

Sync entre Notion y Webflow#

Pipeline tipo "redacto en Notion, publico en Webflow". El MCP lo facilita.

Pre-requisitos#

Cuenta Webflow activa
API token con scopes correctos
Sites y collections ya estructurados

Cuándo NO conviene#

⚠️ Antes de instalar

Si no usás Webflow: para WordPress, Ghost, Sanity, otros MCPs.
Operaciones destructivas: delete items / collections / sites. Hooks de aprobación.
API rate limits: Webflow tiene cuotas. Bulk ops pueden bloquearte.
Si tu uso es solo design: el MCP es para CMS y API. Para tocar visualmente, usá el designer.
Para sitios chicos: la UI de Webflow es buena. El MCP brilla cuando manejás muchos items o sites.

Bajalo de la fuente#

Ficha en aitmpl.com: Webflow MCP — comando exacto.
Config JSON: webflow.json.
Webflow API: developers.webflow.com.

Recursos relacionados#

Notion MCP — para sync de contenido. Notion redacción → Webflow publicación.
Agency Agents — para orquestar pipelines de contenido cross-platform.
Anatomía de Claude — para ubicar este MCP como conector externo.

Cargando la bóveda…

Qué es#

Webflow es un site builder visual no-code muy usado para marketing sites, landing pages y portfolios. Su API permite gestión programática de CMS, collections, items, publishing.

Este MCP conecta esa API a Claude Code. Útil cuando tu sitio Webflow es la fuente de truth de contenido y querés que Claude opere sin abrir el designer.

Tabla resumen#

Campo	Valor
Categoría aitmpl	`devtools`
Installs	141
Servidor MCP	`webflow`
Cuenta requerida	Sí — Webflow + API key

Cómo se instala#

bash

npx claude-code-templates@latest --mcp devtools/webflow

Pre-requisito: cuenta Webflow + API token desde webflow.com/dashboard/account/integrations.

Para Claude:

bash

Instalé el MCP devtools/webflow. Configurá el API token. Listame mis
sites. Para el site X, mostrame collections y un sample de items por
cada una.

Qué podés hacer con esto#

CMS automation#

"Para mi site Y, agregame estos 20 items en la collection Blog Posts desde mi CSV". Bulk import sin abrir designer.

Sync con código#

"De los PRs que cerré con label release-notes, generame un item en la collection Changelog con título, fecha y resumen del cambio".

Update masivo#

"En la collection Products, actualizame el campo price multiplicando por 1.15 (incremento del 15%) para los items en la categoría X".

Publishing programático#

"Después de actualizar items, publica los cambios al dominio live". Sin click manual.

Audit de contenido#

"Listame items en la collection Blog Posts sin imagen destacada o sin meta description. Para SEO matters".

Sync entre Notion y Webflow#

Pipeline tipo "redacto en Notion, publico en Webflow". El MCP lo facilita.

Pre-requisitos#

Cuenta Webflow activa
API token con scopes correctos
Sites y collections ya estructurados

Cuándo NO conviene#

⚠️ Antes de instalar

Si no usás Webflow: para WordPress, Ghost, Sanity, otros MCPs.
Operaciones destructivas: delete items / collections / sites. Hooks de aprobación.
API rate limits: Webflow tiene cuotas. Bulk ops pueden bloquearte.
Si tu uso es solo design: el MCP es para CMS y API. Para tocar visualmente, usá el designer.
Para sitios chicos: la UI de Webflow es buena. El MCP brilla cuando manejás muchos items o sites.

Bajalo de la fuente#

Ficha en aitmpl.com: Webflow MCP — comando exacto.
Config JSON: webflow.json.
Webflow API: developers.webflow.com.

Recursos relacionados#

Notion MCP — para sync de contenido. Notion redacción → Webflow publicación.
Agency Agents — para orquestar pipelines de contenido cross-platform.
Anatomía de Claude — para ubicar este MCP como conector externo.

MCP Webflow — operar sitios Webflow desde Claude Code

Qué es#.heading-anchor:hover { opacity: 1 !important; } *:hover > .heading-anchor { opacity: 0.5; }

Tabla resumen#.heading-anchor:hover { opacity: 1 !important; } *:hover > .heading-anchor { opacity: 0.5; }

Cómo se instala#.heading-anchor:hover { opacity: 1 !important; } *:hover > .heading-anchor { opacity: 0.5; }

Qué podés hacer con esto#.heading-anchor:hover { opacity: 1 !important; } *:hover > .heading-anchor { opacity: 0.5; }

CMS automation#.heading-anchor:hover { opacity: 1 !important; } *:hover > .heading-anchor { opacity: 0.5; }

Sync con código#.heading-anchor:hover { opacity: 1 !important; } *:hover > .heading-anchor { opacity: 0.5; }

Update masivo#.heading-anchor:hover { opacity: 1 !important; } *:hover > .heading-anchor { opacity: 0.5; }

Publishing programático#.heading-anchor:hover { opacity: 1 !important; } *:hover > .heading-anchor { opacity: 0.5; }

Audit de contenido#.heading-anchor:hover { opacity: 1 !important; } *:hover > .heading-anchor { opacity: 0.5; }

Sync entre Notion y Webflow#.heading-anchor:hover { opacity: 1 !important; } *:hover > .heading-anchor { opacity: 0.5; }

Pre-requisitos#.heading-anchor:hover { opacity: 1 !important; } *:hover > .heading-anchor { opacity: 0.5; }

Cuándo NO conviene#.heading-anchor:hover { opacity: 1 !important; } *:hover > .heading-anchor { opacity: 0.5; }

Bajalo de la fuente#.heading-anchor:hover { opacity: 1 !important; } *:hover > .heading-anchor { opacity: 0.5; }

Recursos relacionados#.heading-anchor:hover { opacity: 1 !important; } *:hover > .heading-anchor { opacity: 0.5; }

Recursos relacionados

MCP Notion — el server oficial de Notion para Claude Code (462 installs)

Agency Agents — colección de 144 especialistas para Claude Code

Anatomía de Claude — proyecto, skill, MCP, plugin, agente explicados claro

MCP Webflow — operar sitios Webflow desde Claude Code

Qué es#.heading-anchor:hover { opacity: 1 !important; } *:hover > .heading-anchor { opacity: 0.5; }

Tabla resumen#.heading-anchor:hover { opacity: 1 !important; } *:hover > .heading-anchor { opacity: 0.5; }

Cómo se instala#.heading-anchor:hover { opacity: 1 !important; } *:hover > .heading-anchor { opacity: 0.5; }

Qué podés hacer con esto#.heading-anchor:hover { opacity: 1 !important; } *:hover > .heading-anchor { opacity: 0.5; }

CMS automation#.heading-anchor:hover { opacity: 1 !important; } *:hover > .heading-anchor { opacity: 0.5; }

Sync con código#.heading-anchor:hover { opacity: 1 !important; } *:hover > .heading-anchor { opacity: 0.5; }

Update masivo#.heading-anchor:hover { opacity: 1 !important; } *:hover > .heading-anchor { opacity: 0.5; }

Publishing programático#.heading-anchor:hover { opacity: 1 !important; } *:hover > .heading-anchor { opacity: 0.5; }

Audit de contenido#.heading-anchor:hover { opacity: 1 !important; } *:hover > .heading-anchor { opacity: 0.5; }

Sync entre Notion y Webflow#.heading-anchor:hover { opacity: 1 !important; } *:hover > .heading-anchor { opacity: 0.5; }

Pre-requisitos#.heading-anchor:hover { opacity: 1 !important; } *:hover > .heading-anchor { opacity: 0.5; }

Cuándo NO conviene#.heading-anchor:hover { opacity: 1 !important; } *:hover > .heading-anchor { opacity: 0.5; }

Bajalo de la fuente#.heading-anchor:hover { opacity: 1 !important; } *:hover > .heading-anchor { opacity: 0.5; }

Recursos relacionados#.heading-anchor:hover { opacity: 1 !important; } *:hover > .heading-anchor { opacity: 0.5; }

Recursos relacionados

MCP Notion — el server oficial de Notion para Claude Code (462 installs)

Agency Agents — colección de 144 especialistas para Claude Code

Anatomía de Claude — proyecto, skill, MCP, plugin, agente explicados claro

Qué es#

Tabla resumen#

Cómo se instala#

Qué podés hacer con esto#

CMS automation#

Sync con código#

Update masivo#

Publishing programático#

Audit de contenido#

Sync entre Notion y Webflow#

Pre-requisitos#

Cuándo NO conviene#

Bajalo de la fuente#

Recursos relacionados#

Qué es#

Tabla resumen#

Cómo se instala#

Qué podés hacer con esto#

CMS automation#

Sync con código#

Update masivo#

Publishing programático#

Audit de contenido#

Sync entre Notion y Webflow#

Pre-requisitos#

Cuándo NO conviene#

Bajalo de la fuente#

Recursos relacionados#