Conecta tus agentes a Webflow

Crea y gestiona tus sitios con herramientas de IA como Claude y Grok, sin renunciar al control y la gobernanza que necesitas a gran escala.

Empieza ahora
→
↗
►
↓
←
↑
Habla con un experto

Toma este archivo de Figma y diséñalo tal cual en Webflow como una plantilla de CMS.

Empieza con tu herramienta preferida

Screenshot of a Claude chat that reads, "Use my design system to build out this pricing component on the pricing page."

Crea contenido alineado con tu marca más rápido

Proporciona a los agentes todo el contexto de tu sistema de diseño para que puedan crear páginas web y contenido CMS coherentes con tu marca en tiempo récord.

Screenshot of a Slack chat that reads, "How is the Numero pricing page performing this week compared to last week?"

Sácale más partido a los datos de tu sitio

Analiza el rendimiento del sitio mediante conversaciones naturales y comparte datos entre herramientas para obtener información valiosa dentro de tus flujos de trabajo de IA actuales.

Screenshot of a Cursor chat that reads, "Create a branch of the Numero home page so we can explore some changes."

Colabora de forma segura y a gran escala

Controla el acceso de los agentes con roles y permisos, observa su presencia en tiempo real en el lienzo, trabaja de forma segura en ramas de página y gestiona el contenido con un CMS integrado.

El MCP de Webflow permite a los agentes acceder a más funciones de Webflow

Añade un efecto de aparición gradual al hacer scroll a esta sección principal.

Archiva todas las entradas del CMS que no se hayan publicado en más de un año.

Muéstrame los registros de mi última implementación y depura cualquier error.

¿Cómo está rindiendo mi sitio esta semana en comparación con la anterior?

Identifica las páginas con bajo rendimiento y sugiere experimentos para mejorarlas.

¿Cómo ha cambiado mi visibilidad este mes en comparación con el anterior?

Añade una sección de historias de clientes con un diseño de tres columnas.

Interacciones

Crea y edita interacciones nativas con la potencia de GSAP. Los agentes pueden configurar activadores de desplazamiento, al pasar el ratón y de carga, igual que lo harías en el lienzo.

Consultas al CMS

Ordena, filtra y pagina el contenido del CMS en una sola solicitud, incluyendo campos personalizados y de referencia.

Webflow Cloud

Despliega, comprueba el estado y depura una aplicación de Webflow Cloud. Soluciona problemas de despliegue sin salir de tu cliente MCP.

Analizar

Consulta el tráfico y la interacción del sitio desde tu cliente MCP.

Optimizar

Consulta los resultados de las pruebas de Optimize desde tu cliente MCP.

Analíticas de AEO

Consulta las analíticas de AEO, incluida la actividad de rastreo de LLM.

Campañas

Crea y edita páginas de destino para campañas con las herramientas de IA que ya utilizas.

Cómo funciona

El MCP de Webflow conecta Webflow con herramientas de IA como Claude y ChatGPT para que los agentes puedan actuar en tu nombre.

1

Conecta tus herramientas

Conecta Webflow con las herramientas de IA que ya usas para gestionar tus sitios dentro de tus flujos de trabajo actuales.

→
↗
►
↓
←
↑
Explorar guías de conexión

2

Define tus reglas

Crea una fuente de contexto unificada para guiar a tus agentes con habilidades y referencias, como manuales de marca y documentos legales.

→
↗
►
↓
←
↑
Ver ejemplos de instrucciones para agentes

3

Empieza a usar prompts

Solo tienes que pedirle a tu agente que cree páginas nuevas, gestione contenido del CMS, analice el tráfico de tu sitio y mucho más.

→
↗
►
↓
←
↑
Ver biblioteca de prompts

4

Perfecciona con el editor visual

Revisa y ajusta los resultados de la IA en un lienzo visual para que todo quede perfecto antes de publicar.

Empieza ahora

Webflow MCP para empresas

→
↗
►
↓
←
↑
Habla con un experto
Screenshot of the Webflow roles settings dropdown.

Aplica un control de acceso detallado

El MCP de Webflow admite roles y permisos personalizados, además de un control de acceso detallado por sitio, colección de CMS, página y configuración regional.

Screenshot of the Webflow Site Activity Log with one log marked as being completed by the MCP.

Rastrea las acciones de MCP en los registros de actividad del sitio

Sabe exactamente cuándo el MCP realizó un cambio, quién lo activó y qué se vio afectado. Consulta el registro de actividad a través de MCP para realizar auditorías del sitio de forma más rápida y escalable.

Webflow publish panel showing with options to publish all pages or just the current page.

Reduce riesgos al iterar con la publicación de páginas individuales

Publica una sola página sin tener que volver a publicar todo tu sitio. Las correcciones y actualizaciones se lanzan en cuanto están listas, mientras el resto de tu sitio en vivo permanece intacto.


“Nuestros flujos de trabajo con Figma, Claude Code y el MCP de Webflow han marcado un antes y un después. Veo esto claramente como nuestro flujo de trabajo del futuro.”

Alex Mejias
Director de Tecnología de Diseño Global y Experiencia Interactiva
,
Amazon
→
↗
►
↓
←
↑
Caso de éxito

Caso de éxito

Del concepto al éxito: dándole vida a la historia del producto de Frontify con Rive

Cómo OFF+BRAND creó una experiencia interactiva en Rive para Frontify que reacciona al desplazamiento y a los clics.

→
↗
►
↓
←
↑
Leer la historia completa

18% de aumento en la interacción

Cómo OFF+BRAND creó una experiencia interactiva en Rive para Frontify que reacciona al desplazamiento y a los clics.

18% de aumento en la interacción

Cómo OFF+BRAND creó una experiencia interactiva en Rive para Frontify que reacciona al desplazamiento y a los clics.

Habla con un experto

Ponte en contacto con nuestro equipo de ventas para ver cómo funciona Webflow MCP para todo tu equipo.

Preguntas frecuentes

Webflow MCP (Model Context Protocol) conecta herramientas de IA como Claude, Grok Build y Windsurf directamente a tus proyectos de Webflow, para que puedas diseñar, construir y gestionar tu sitio mediante lenguaje natural. Describe lo que quieres y tu agente de IA se encarga de la implementación: sin llamadas manuales a la API ni configuraciones de autenticación personalizadas.

Está construido sobre las API de datos y diseño de Webflow, lo que significa que tu agente de IA trabaja con los datos reales de tu sitio, tu sistema de diseño y el contenido de tu CMS. Tanto si eres un desarrollador que busca ir más rápido como si eres un profesional del marketing que quiere actualizar contenido sin tocar el editor, Webflow MCP le da a tu agente de IA el contexto que necesita para realizar acciones significativas en tu sitio.

Webflow MCP es compatible con partes de un flujo de trabajo de migración o estructuración de CMS, pero no está diseñado para migraciones completas de sitios de una plataforma a otra. Puedes usarlo para crear y gestionar colecciones de CMS, añadir y actualizar elementos de colección a gran escala y estructurar contenido mediante programación, lo que lo hace útil para configurar o reorganizar la arquitectura de tu CMS con la ayuda de un agente de IA.

Para los equipos que trasladan contenido a Webflow o reestructuran un sitio existente, MCP acelera el proceso permitiéndote crear colecciones, rellenar campos y gestionar contenido mediante instrucciones en lenguaje natural en lugar de introducir datos manualmente. Las migraciones completas de plataforma de una sola vez quedan fuera del propósito de MCP, por lo que funciona mejor como una herramienta para tareas de contenido estructuradas e incrementales.

La API de Webflow es un conjunto de interfaces de programación que los desarrolladores utilizan para interactuar con los datos de Webflow mediante código. Webflow MCP se basa en esas mismas API, pero las presenta como herramientas que un agente de IA puede usar en tu nombre, así que no necesitas escribir código para hacer las cosas. Describe lo que quieres en lenguaje sencillo y MCP lo traduce automáticamente a las llamadas de API correctas.

Con Webflow MCP, cualquier persona con acceso a una herramienta de IA compatible puede gestionar tareas de diseño, contenido y administración de sitios mediante instrucciones, manteniendo los mismos controles de seguridad y acceso a datos que ofrece la API.

Recursos de MCP

Kit de inicio

Tutoriales, vídeos y artículos para todas las etapas, desde principiantes hasta expertos.

Explorar el kit de inicio

Biblioteca de prompts

Una biblioteca de prompts para ayudarte a sacar más provecho de tus agentes.

Más información

Instrucciones para agentes

Un conjunto de habilidades y reglas básicas para guiar a tus agentes desde el primer momento.

Más información

Todas las funciones de la plataforma

Diseño y desarrollo
Gestionar
Optimizar
Extensión