Crea componentes de código con IA, directamente dentro de Webflow

Crea componentes de código reutilizables y alineados con tu marca directamente en Webflow con IA, y conoce la historia de App Gen que nos trajo hasta aquí.

Crea componentes de código con IA, directamente dentro de Webflow

Neel Shivdasani
Product Manager principal
View author profile
Neel Shivdasani
Product Manager principal
View author profile
Josh Berman
Gerente sénior de marketing de producto
View author profile
Table of contents

Ahora puedes crear componentes avanzados e interactivos de forma nativa en Webflow, sin necesidad de programadores.

En Webflow Conf 2025, presentamos los componentes de código como una forma potente de importar componentes basados en React a Webflow. Poder añadir componentes de código a un sitio desbloquea experiencias dinámicas e interactivas que van más allá de lo posible con los componentes nativos de Webflow. También compartimos planes para hacer posible la generación de componentes de código en Webflow mediante IA, para que los equipos sin desarrolladores también puedan aprovechar su potencia. Eso es lo que lanzamos hoy, para que los equipos de marketing y diseño puedan crear las experiencias que marcan la diferencia, sin tener que esperar en la cola de desarrollo.

Presentamos los componentes de código con IA

Con este lanzamiento, ya puedes describir qué tipo de componente de código quieres generar, ya sea una calculadora de precios, un cuestionario en la página, un filtro de búsqueda o una bolsa de trabajo, y el Asistente de IA de Webflow lo creará por ti directamente en el lienzo de componentes.

El Asistente de IA detectará automáticamente las fuentes, colores y espaciado de tu sitio, para que tus componentes de código mantengan la identidad de tu marca desde el principio. Una vez creado el componente inicial, puedes seguir refinándolo y haciendo actualizaciones con el Asistente de IA o abriendo el editor de código para editarlo directamente. Y para los clientes con acceso a bibliotecas compartidas, pueden añadir componentes de código de IA a cualquier sitio, permitiendo que tu equipo personalice las propiedades del componente mientras mantiene la coherencia con tu marca y sistema de diseño.

Los componentes de código con IA ya están disponibles para todos los clientes. Consulta nuestra publicación de actualizaciones para más detalles.

Usa la IA para generar componentes como formularios de varios pasos, calculadoras de precios o buscadores de ubicaciones.

Qué significa esto para la versión beta de App Gen

A finales del año pasado, lanzamos App Gen en versión beta, porque sabíamos que más usuarios de Webflow querían añadir funcionalidad de aplicaciones web a sus sitios. Miles de ustedes lo utilizaron: crearon calendarios de eventos, calculadoras de precios, bolsas de trabajo, buscadores de ubicaciones y mucho más. Pero también nos dijeron exactamente qué faltaba. Querían este tipo de funcionalidad como componentes que pudieran reutilizar en cualquier página, no solo como generaciones únicas. Gracias a sus valiosos comentarios y participación en la beta, priorizamos el trabajo en los componentes de código con IA. Gracias.

Como resultado, vamos a pausar el desarrollo de la versión beta de App Gen y queremos tomarnos un momento para compartir qué significará esto para quienes la usan hoy:

App Gen seguirá siendo gratuito y tus aplicaciones existentes continuarán funcionando en Webflow Cloud. A partir de hoy, el punto de acceso a App Gen se eliminará de la barra superior de nuestra navegación interna y ahora se podrá encontrar en la pestaña Webflow Cloud de la Configuración de tu sitio. Aunque prevemos que podríamos realizar más cambios en esta funcionalidad en el futuro, te avisaremos con claridad antes de que ocurra cualquier otro cambio.

¿Qué sigue?

Así es el desarrollo con agentes en Webflow, y esto es solo el comienzo. Los componentes de código con IA brindan a tu equipo un nuevo tipo de ventaja creativa: componentes ligeros y potentes creados a la velocidad de una idea. Espera más. Seguimos invirtiendo en las herramientas que hacen de Webflow la plataforma de marketing web con agentes con la que tu equipo realmente quiere trabajar. Mantente atento a lo que viene.


Last Updated
April 30, 2026

Related articles


verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo
verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo

Empieza gratis

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.

Get started — it’s free
Ver demostración

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.