Crear páginas web con IA en Webflow: del primer borrador a la publicación

Webflow AI permite crear páginas web con IA a partir de una descripción del negocio: genera un sitio editable de varias páginas y después ayuda a pulir los textos, las secciones y el contenido. Para quien está al frente de un negocio o una agencia pequeña, lo más útil es el cambio en el punto de partida: ya se puede evaluar una propuesta de sitio antes de construir cada página. Definir la oferta, respaldar las afirmaciones y decidir cuándo publicar sigue siendo responsabilidad propia.

La renovación de Webflow del 5 de febrero de 2026 incorporó la estructura de varias páginas, los estilos, las animaciones y un sistema de diseño base al proceso de creación de sitios. Está disponible en todos los niveles de cliente, incluido Enterprise, desde New site en el Dashboard. Tener acceso al creador no elimina los límites de páginas del plan. Anuncio del lanzamiento de Webflow.

Qué herramienta de IA de Webflow usar en cada caso

Conviene pensar en Webflow AI como un taller con distintas herramientas. El creador de páginas web con IA prepara la estructura inicial. Las herramientas del editor ayudan a trabajar cada parte. MCP, sigla de Model Context Protocol, es la conexión que permite a un asistente de IA externo utilizar herramientas dentro de tu sitio de Webflow.

Son puntos de entrada distintos, aunque Webflow reúna sus funciones nativas bajo el nombre Webflow AI. Descripción general de la IA, requisitos del creador de sitios, descripción general de MCP.

Cómo activar Webflow AI en la configuración de Workspace

Una persona con el rol Workspace Owner o Admin debe abrir el Workspace correspondiente, ir a Workspace settings → General y activar Enable Webflow AI. En Enterprise, los roles personalizados también pueden controlar el permiso Use Webflow AI. Si un integrante del equipo no ve la opción, revisa tanto el interruptor del Workspace como su rol. Instrucciones de administración de Webflow.

La generación de sitios, el diseño de secciones y la ayuda contextual no consumen créditos de Webflow AI. Sí los consumen la generación de textos y elementos del CMS, los componentes de código con IA y las tareas de SEO con IA. Los créditos se comparten en todo el Workspace y el consumo depende de la tarea. El complemento que se cobra por separado y que aparece actualmente en la página de precios de Webflow incluye 2,000 créditos al mes por $20/mes, con facturación anual. Reglas de los créditos, precios de Webflow.

Cómo crear páginas web con IA: del prompt a un sitio de tres páginas publicado

Parte de un pequeño negocio de servicios con un objetivo de conversión claro. El ejemplo es Cedar Studio, un estudio ficticio de diseño de marca que busca recibir consultas sobre proyectos. Su sitio tendrá las páginas Inicio, Servicios y Contacto.

Esta guía se basa en la documentación; no es una prueba práctica. No se publicó ningún sitio de prueba en Webflow para este artículo. Las correcciones manuales que siguen son comprobaciones recomendadas, no defectos observados.

1. Prepara el plan para las tres páginas

Un Workspace de pago permite generar las tres páginas desde el principio. Si usas un Workspace gratuito sin un plan Site de pago, empieza por Inicio y Contacto. Una vez generado el sitio, añade un plan Site de pago y crea Servicios con la opción de generación de páginas con IA del panel Pages. La generación inicial admite hasta cinco páginas con un plan de pago y dos sin él; la guía de estilos automática no cuenta para ese límite de dos páginas. Para publicar este sitio de presentación del negocio en un dominio propio, el plan Basic es suficiente. Límites del creador de sitios, funciones de los planes Site.

2. Describe el negocio en el prompt

Desde New site, elige AI Site Builder y escribe un prompt como este:

Crea un sitio web para Cedar Studio, un pequeño estudio de diseño de marca que trabaja con negocios independientes de hotelería y restauración. El objetivo es recibir consultas sobre proyectos. Usa tres páginas: Inicio, Servicios y Contacto. Inicio debe explicar la oferta y presentar el proceso de trabajo. Servicios debe explicar la estrategia de marca, la identidad visual y el diseño web. Contacto debe invitar a enviar una descripción del proyecto. Usa colores neutros cálidos, texto oscuro y legible, y animaciones discretas. No inventes clientes, testimonios, premios, precios ni resultados. Usa «Hablemos de tu proyecto» como llamada a la acción principal.

El prompt define un público, una oferta y el siguiente paso que se espera del visitante. Antes de usarlo en tu propio sitio, sustituye los detalles ficticios por información aprobada del negocio.

3. Revisa la estructura antes de generar el diseño

Genera la propuesta, elimina las páginas que sobren y ordena las secciones. Si sigues la ruta del Workspace gratuito, añade Servicios después de cambiar de plan. Mantén el sitio final centrado en lo esencial:

Después, genera el sitio. Ajusta el tema compartido y continúa en Webflow. El creador adapta las fuentes y los colores solicitados a su sistema de temas, por lo que tendrás que revisar si coinciden exactamente con la marca. Proceso de creación y ajuste del tema.

4. Convierte el borrador en el sitio de tu negocio

Trata el borrador como material que debes editar. Aplica estas correcciones manuales cuando el resultado lo necesite:

Lo más difícil suele ser decidir qué puede prometer el negocio con honestidad. Un contenido de muestra atractivo no puede tomar esa decisión por ti.

5. Revisa la información para buscadores y la accesibilidad

Abre el panel Audit y revisa todo el sitio. Puede detectar la falta de descripciones de imágenes, títulos de página, descripciones para buscadores y marcado schema, es decir, información estructurada sobre la página. Las sugerencias generadas por IA deben contrastarse con la realidad del negocio. Las imágenes dentro de componentes, lightboxes y el CMS requieren una revisión manual independiente del texto alternativo, porque el panel Audit no las cubre. Instrucciones y límites de la auditoría.

Para Cedar Studio, lo que importa es que la información de las páginas sea correcta y que el visitante pueda enviar una consulta sin problemas. No añadas servicios, ubicaciones ni valoraciones solo para rellenar un campo generado.

6. Publica primero en pruebas y después en tu dominio

Abre Publish, selecciona únicamente la dirección de pruebas webflow.io y publica en ese destino. Recorre Inicio, Servicios y Contacto como lo haría un visitante y repite el envío de prueba. Corrige cualquier fallo y vuelve a publicar en el entorno de pruebas.

Para el lanzamiento público, conecta tu dominio en Site settings, verifica su propiedad y selecciónalo en el menú de publicación. Publica y vuelve a comprobar las tres URL públicas y el formulario. Necesitas el permiso de publicación correspondiente. Guía de publicación de Webflow.

En la práctica, cambia el orden del trabajo. Al construir un sitio manualmente, hay que preparar la estructura, los estilos y el contenido antes de poder evaluar el conjunto. Aquí, la generación permite hacer esa revisión antes. Para organizarte, reserva un bloque de dos horas para la descripción del negocio, el borrador y las comprobaciones, con los textos y recursos aprobados de antemano. Es una sesión de trabajo sugerida, no un tiempo de finalización medido; los problemas de integración o los ajustes de marca pueden alargarla.

Cómo aprovechar el asistente del editor en tareas concretas

Los prompts más útiles apuntan a una tarea acotada y dejan claro qué condiciones debe cumplir el resultado.

Para resolver dudas, abre el asistente desde la barra superior y plantea una pregunta concreta sobre Webflow. Este modo responde a partir del Help Center. Por ahora admite inglés y permite 100 preguntas cada 31 días. Toma la respuesta como una orientación que conviene comprobar. Guía de ayuda contextual.

Para crear una sección, arrastra una sección desde el panel Add hasta el lienzo y abre sus controles del asistente. Busca una distribución adecuada, elige un diseño generado y revísalo dentro de la página. Puede reutilizar tus clases y variables —los estilos con nombre y los valores compartidos que mantienen la coherencia del diseño— y crear clases nuevas. No puede modificar las clases existentes. La documentación actual de Webflow sobre diseño de secciones sigue indicando que la función está en beta pública y que solo está disponible en determinadas plantillas gratuitas y en sitios creados con el generador de IA. El resultado no incluye imágenes, componentes ni contenido dinámico. Guía de diseño de secciones.

Para trabajar los textos, quien diseña el sitio puede hacer clic derecho en un elemento de texto compatible y elegir Modify copy. Prueba con: «Acorta este párrafo sin cambiar los entregables ni añadir afirmaciones nuevas». Revisa cada cambio de información antes de aceptarlo. Esta función requiere un plan Site o Workspace de pago. Controles de texto.

Hay otras dos funciones que cobran importancia a medida que crece el sitio. La IA puede generar elementos de muestra en una Collection del CMS, es decir, entradas de una lista de contenido estructurada, si el plan Site incluye acceso al CMS. También puede crear componentes de código reutilizables, como calculadoras, mediante el asistente. Los componentes de código requieren el rol Designer o Site Manager; para publicarlos hay requisitos adicionales de los planes Site y Workspace. No proporcionan bases de datos, autenticación ni gestión de claves secretas. Déjalos fuera del recorrido básico para un sitio de presentación, salvo que el proyecto los necesite. Requisitos para el CMS, requisitos de los componentes de código.

Conecta Claude cuando la tarea abarque varias partes del sitio

MCP resulta útil cuando una tarea cruza varias páginas o registros de contenido. Webflow documenta funciones de edición de páginas y distribución, estilos, componentes, gestión del CMS y publicación. Está disponible en todos los planes Site, incluido Starter; quienes tienen el rol Reviewer no pueden conectarse. Funciones de MCP.

Para conectar Claude, abre una sesión de Chat o Code, usa el menú del signo más para añadir un conector, busca Webflow y conéctalo. Sigue el proceso de autorización de Webflow, selecciona el sitio correspondiente y vuelve a Claude. Por defecto, Claude pide aprobación antes de ejecutar acciones. Guía de Webflow para configurar Claude.

Una primera petición útil para nuestro ejemplo sería:

Lee las instrucciones de este sitio y revisa Inicio, Servicios y Contacto. Enumera las inconsistencias en los nombres de los servicios y las llamadas a la acción. Propón sustituciones exactas a partir de los textos aprobados que incluyo a continuación. Muéstrame los cambios propuestos antes de editar y deja la publicación en mis manos.

Es una tarea de ejemplo para probar, no una garantía de lo que encontrará la revisión. Contrasta por tu cuenta los cambios propuestos con la página.

La mayoría de las acciones de MCP ya pueden ejecutarse sin tener abierta una sesión de Webflow. Las acciones vinculadas a la selección en el lienzo siguen necesitando MCP Bridge App. El uso habitual de MCP consume el plan o los créditos de la herramienta de IA externa, en lugar de créditos de Webflow AI. Funcionamiento y límites actuales de MCP.

Seis usos, ordenados por su utilidad práctica

Los usos más prometedores parten de unas instrucciones claras y de una persona responsable que pueda evaluar el resultado. Son propuestas de trabajo, no resultados medidos en clientes.

Estas propuestas se apoyan en funciones documentadas de Webflow: las herramientas de secciones, el panel Audit y las acciones de MCP. Sus posibles beneficios dependen del proceso de revisión que apliques.

Dos servicios que se pueden construir alrededor de Webflow AI

Existe demanda tanto para crear sitios como para recibir ayuda con ellos. Las estimaciones de DataForSEO para búsquedas en inglés en Estados Unidos, consultadas el 22 de octubre de 2026, muestran 33,100 búsquedas mensuales de «ai website builder». Es interés por la categoría en general, no demanda de otro generador genérico.

La opción más sólida: un servicio de lanzamiento y entrega al cliente

Crea un servicio repetible para quienes emprenden y quieren un sitio editable en Webflow, con contenido aprobado y un recorrido de consulta comprobado. DataForSEO estima 480 búsquedas mensuales en Estados Unidos de «webflow agency». El dato mide el interés por contratar ayuda, aunque no demuestra cuántas de esas personas buscan exactamente este paquete.

La versión mínima que se podría vender atendería a un nicho de negocio, utilizaría un cuestionario inicial estructurado, entregaría tres páginas terminadas e incluiría una grabación para explicar cómo editar el sitio. La agencia podría usar IA para el borrador y asumir la responsabilidad de la precisión del contenido, las decisiones de marca y las pruebas de lanzamiento.

La dificultad: a los competidores les resulta fácil generar un borrador parecido. El trabajo que permite diferenciarse consiste en entender el nicho, conseguir la aprobación de los recursos y responsabilizarse de una entrega clara y completa. Antes de diseñar un sistema reutilizable para la agencia, revisa también la restricción de Webflow para compartir Libraries desde sitios creados con el generador de IA. Limitaciones del creador de sitios.

Segunda opción: un servicio de mantenimiento que convierta la auditoría en correcciones

Crea un servicio que lleve al responsable del sitio desde las omisiones detectadas hasta las correcciones revisadas. DataForSEO estima 320 búsquedas mensuales en Estados Unidos de «website seo audit». Es una señal de un mercado más amplio, no un recuento de compradores específicos de Webflow.

La primera versión podría combinar una auditoría de Webflow, una lista de correcciones propuestas y una publicación con revisión. MCP podría ayudar con actualizaciones acotadas del contenido; una persona comprobaría las afirmaciones del negocio y las páginas finales. Vende la ejecución completa del trabajo acordado y la responsabilidad sobre él.

La dificultad: rellenar una descripción no garantiza posiciones en los buscadores, y las comprobaciones automáticas tienen puntos ciegos. El propio panel Audit de Webflow excluye algunas ubicaciones de imágenes. Para resultar útil, el servicio debe revisar esas carencias y evitar prometer resultados de posicionamiento. Cobertura de la auditoría.

Hasta dónde llega Webflow AI

Usa el creador si buscas una base nueva en Webflow y puedes dedicar trabajo a terminarla. Para un sitio personalizado que ya existe, empieza por las herramientas compatibles del editor o por MCP. Ninguna opción da a un agente control ilimitado: MCP aún no incluye ciertos ajustes de elementos y de vinculación al CMS, y la generación de secciones no puede reescribir clases existentes. Límites de MCP, límites del asistente.

Evita también usar App Gen como base de un proyecto nuevo: Webflow ha pausado su desarrollo y anuncia que tiene previsto retirarlo. Descripción actual de las funciones de IA.

Si todavía estás eligiendo plataforma, consulta Webflow vs Framer para tomar esa decisión, Framer AI para conocer su proceso de trabajo con IA y la comparativa de creadores de sitios web con IA para ampliar la selección.

¿Webflow es una herramienta de IA?

Webflow es una plataforma de sitios web que incorpora herramientas de IA. El creador genera un sitio inicial; otras funciones ayudan con los textos, las secciones, el contenido y el trabajo continuo. MCP conecta un asistente externo con un sitio autorizado. Descripción general de Webflow AI.

¿Se puede crear un sitio web con IA?

Sí. El creador de Webflow genera un sitio web editable a partir de una descripción. Aun así, necesitas información aprobada del negocio, enlaces y formularios que funcionen, y una revisión antes de publicar. El ejemplo de tres páginas anterior ofrece un proceso basado en la documentación. Creador de sitios de Webflow.

¿Webflow es realmente gratis?

Existe un plan Starter gratuito con acceso a Webflow AI y MCP, pero tiene un límite de dos páginas estáticas. El ejemplo de tres páginas con dominio propio requiere un plan Site de pago. Los créditos de IA adicionales se compran por separado y son opcionales. Precios de Webflow.

Tu tarea para el lunes: reúne la oferta aprobada, las imágenes reales y el destino de las consultas. Prepara los borradores de Inicio, Servicios y Contacto, y completa un recorrido de consulta de principio a fin en el entorno de pruebas antes del lanzamiento público.

Si quieres poner en marcha este proceso en tu negocio, podemos ayudarte a definir el alcance del sitio y la automatización.