Esta mañana anunciamos Source by Webflow, una nueva plataforma para que los equipos de marketing y sus agencias lancen, optimicen y escalen la web hacia el futuro.

Los grandes lanzamientos marcan el camino a seguir, y no podríamos estar más emocionados por lo que Source hará posible. Pero, como creadores, también sabemos que el futuro es solo una parte de la historia. La experiencia de crear en Webflow hoy reside en los detalles, esas mejoras de calidad de vida que simplemente hacen que todo se sienta mejor cada vez que abres el lienzo.

Desde Webflow Conf 2025, hemos lanzado 151 de estas mejoras individuales, y casi todas surgieron directamente de sus comentarios. En nuestra primera Builder Keynote de hoy, compartimos aún más. Aquí tienes lo nuevo (y lo que está por llegar) para tu flujo de trabajo diario en Webflow, basado en lo que nos han contado.

Qué hay de nuevo

Lanzamiento hoy

• Edición visual para componentes de código de IA
• Componentes en el CMS
• Lienzo de puntos de interrupción

Próximamente

• Popovers
• Componentes predeterminados para slots
• Traducción con agentes
• Propiedades de estilo para componentes

Actualizaciones recientes

• Rendimiento
• Espaciado en el lienzo, un lienzo dedicado para componentes, y desplazamiento y zoom
• Controles de visibilidad de componentes y restricciones de slots
• Mejoras en Localize

Edición visual para componentes de código de IA

Los componentes de código de IA facilitan la incorporación de funciones personalizadas a tu sitio. Imagina que necesitas una calculadora de ROI interactiva para una página de comparación de productos. En lugar de enviar un ticket al equipo de desarrollo, se lo describes al Asistente de IA de Webflow y este crea el componente directamente en el lienzo.

Hasta ahora, cuando el Asistente creaba un componente de código, la única forma de hacer cambios era mediante prompts. Ahora puedes editar visualmente los componentes de código de IA en Webflow, igual que cualquier otro componente de tu sitio.

Si el espaciado no es el correcto, haz clic en el componente, selecciona el elemento y ajústalo en el panel de Estilo. Edita el texto directamente en el lienzo. O bien, proporciona la parte que deseas cambiar al Asistente como contexto para que su siguiente iteración se centre solo en eso. Genera el componente y luego dale los toques finales como harías con cualquier otra cosa en Webflow. Obtienes funcionalidad personalizada en la página sin sacrificar el control del diseño.

La edición visual para componentes de código de IA ya está disponible para todos los clientes. Lee el artículo completo de actualizaciones para saber más.

Componentes en el CMS

Los componentes como botones de llamada a la acción (CTA), tarjetas de testimonios y tablas de precios pueden realzar tu contenido y guiar a los usuarios en su proceso de descubrimiento. Pero hasta ahora, necesitabas código personalizado o soluciones de terceros para integrarlos en los elementos del CMS.

Hoy lanzamos componentes en el CMS, para que puedas insertar un componente directamente en texto enriquecido, ya sea en el lienzo o en un elemento del CMS, y configurarlo para ese contenido específico mediante propiedades.

Para las agencias, esto facilita mucho la entrega de proyectos a los clientes. Crea un componente de cita de cliente una vez, entrégaselo al equipo de marketing del cliente y ellos podrán añadirlo a nuevas publicaciones cambiando la cita, la foto y el nombre a través de las propiedades.

Y esto no se limita a componentes sencillos. Esa calculadora de ROI que generaste como componente de código de IA funciona en el CMS igual que cualquier otro componente. Cada instancia pertenece a su propio elemento del CMS, por lo que la misma calculadora puede mostrar resultados diferentes en cada publicación de comparación, y un cambio de diseño se aplica a todas ellas a la vez.

Los componentes en el CMS comienzan a implementarse hoy y estarán disponibles para todos los clientes la próxima semana. Lee el anuncio del lanzamiento para saber más.

Lienzo de puntos de interrupción

Gran parte del día de un desarrollador comienza y termina en el lienzo: gestionar componentes, ajustar el diseño y el espaciado, y comprobar cómo un cambio se propaga a través de variantes, puntos de interrupción y configuraciones regionales. Todo esto requiere mantener mucha información en mente al mismo tiempo.

Durante el último año hemos estado cerrando esa brecha con el lienzo de componentes, las visualizaciones de espaciado en el lienzo, y las funciones de desplazamiento y zoom en la página. Muchos de ustedes preguntaron sobre esto último: ¿por qué usar desplazamiento y zoom en un solo marco?

Lo necesitas cuando hay más de uno.

Hoy comenzamos a implementar el lienzo de puntos de interrupción, para que puedas ver todos los puntos de interrupción de tu página en una sola vista: escritorio, tableta y los diferentes formatos móviles, uno al lado del otro. Ahora, si haces un cambio en la versión de escritorio, puedes ver al instante cómo se propaga en todas las demás, sin tener que hacer clic manualmente en cada punto de interrupción y recordar el resto.

Esto significa menos suposiciones, menos errores en las modificaciones y una revisión del trabajo mucho más sencilla —ya sea tuyo, de un compañero de equipo o algo que un agente de IA acaba de cambiar— sin tener que cambiar constantemente de contexto.

El lienzo de puntos de interrupción comienza a implementarse hoy y estará disponible para todos los clientes la próxima semana. Más detalles en el anuncio del lanzamiento.

Popovers

En todos los sitios web hay patrones de interfaz que reconstruyes una y otra vez. Los visitantes los esperan y hacen que tu contenido se sienta profesional y fácil de navegar. También son complicados de implementar correctamente, especialmente en lo que respecta a la accesibilidad y el diseño.

En unas semanas comenzaremos a implementar nuevos bloques de construcción para los patrones de interfaz más comunes en la web, empezando por los popovers. Con el soporte nativo para popovers, puedes crear modales, tooltips, banners y menús sin necesidad de código personalizado ni soluciones alternativas. Los popovers se basan en funciones web modernas como el posicionamiento de anclaje y el comportamiento de capa superior en lugar de JavaScript, por lo que tus páginas se mantienen más ligeras y accesibles.

El anclaje en primitivas nativas es importante porque te permite crear componentes correctamente encapsulados. Esto hace que los popovers sean más fáciles de usar para los especialistas en marketing y permite que los agentes de IA construyan más rápido en Webflow.

Más adelante este año iremos un paso más allá con soporte nativo para elementos que se repiten: controles deslizantes, pestañas, acordeones y más.

Los popovers comenzarán a implementarse en las próximas semanas.

Componentes predeterminados para espacios

Un componente creado para un diseño terminará siendo colocado en un diseño para el que nunca fue pensado. Es un efecto secundario común cuando una biblioteca de componentes crece y la persona que la utiliza no tiene las pautas de diseño a mano. Esto es especialmente cierto cuando una agencia entrega un sitio a un cliente que no sabe cómo se suponía que debía usarse cada componente.

Los controles de visibilidad de componentes y las restricciones de espacios ya están disponibles para ayudarte a establecer esos límites desde el principio. Los controles de visibilidad te permiten decidir qué componentes pueden ver y usar los compañeros con el rol de Marketing en el modo de construcción, de modo que obtienen un conjunto seleccionado en lugar de todo el catálogo. Las restricciones de espacios te permiten especificar qué componentes están permitidos en un espacio determinado, para que un componente que solo pertenece a un diseño se quede allí. Los especialistas en marketing pueden seguir construyendo con todo lo que necesitan, porque todo lo que tienen a su alcance es algo que funciona donde lo están colocando.

Los componentes predeterminados para espacios van un paso más allá al permitirte establecer con qué empieza un espacio. Hoy en día, un espacio reservado está vacío en cada nueva publicación, sin indicación de lo que pertenece allí, por lo que la misma configuración se reconstruye desde cero cada vez. Con un valor predeterminado, el componente correcto ya está allí, listo para empezar a trabajar.

Estas medidas de seguridad se aplican tanto si tu equipo trabaja directamente en Webflow como si lo hace de forma autónoma a través de nuestro MCP, por lo que una plantilla de página se mantiene intacta sin importar quién realice la edición.

Los componentes predeterminados para espacios estarán disponibles a finales de este mes.

Traducción mediante agentes

Para las organizaciones que atienden a una audiencia multinacional o multilingüe, localizar el diseño y el contenido es lo que brinda a los clientes de cada mercado una experiencia de primer nivel. Sabemos cuánto trabajo implica mantener la estructura del sitio alineada entre regiones, hacer que cada detalle sea traducible y adaptar la experiencia al tono y los matices culturales de cada mercado.

Webflow Localize convirtió ese trabajo en una experiencia visual, por lo que los equipos web ya no tienen que lidiar con archivos JSON llenos de cadenas de texto. En los últimos meses, hemos seguido fortaleciendo esa base: manteniendo la estructura del sitio sincronizada entre los idiomas principales y secundarios, dando a los creadores más control sobre cómo se traducen las propiedades de los componentes y los bloques de código personalizado, y haciendo posible establecer el tono y la formalidad para cada idioma de destino.

Pero traducir el contenido en sí seguía siendo un proceso manual, incluso con asistencia de IA bajo demanda. Nos han comentado que configurar un nuevo idioma puede llevar meses.La traducción con agentes cambia eso. Una vez activada, las actualizaciones de texto se reflejan automáticamente en el idioma correcto en todas tus regiones, en tiempo real. Miles de clics se convierten en una configuración de "configurar y olvidar", mientras que los equipos que desean un control más estricto pueden usar las traducciones como una primera versión y ajustarlas a partir de ahí. El resultado es un camino mucho más rápido para lanzarse en nuevos mercados sin renunciar al control sobre la experiencia final.

La localización del tono y la formalidad, el código personalizado localizado y los controles de propiedades de componentes ya están disponibles para todos los clientes. La traducción con agentes comenzará a implementarse en las próximas semanas.

Propiedades de estilo para componentes

Las propiedades de estilo llegan a los componentes. Cambia un color, cambia un tamaño y limita qué opciones están disponibles, para que un componente le dé a tu equipo la cantidad justa de control creativo sin abrirlo todo.

‍Disponible a finales de este año.

Rendimiento

Este año hemos invertido mucho en el rendimiento del Designer y de los sitios publicados. Las cifras principales:

En el Designer:

• Copiar elementos grandes es hasta un 98% más rápido.
• Pegar es 7,7 veces más rápido.
• Cargar el Designer, cambiar de página, de idioma y de elementos del CMS, así como escribir, es mucho más fluido.

En los sitios publicados:

• El renderizado del sitio es hasta un 43% más rápido.
• La publicación es hasta un 80% más rápida.

Estas mejoras son el comienzo de una larga serie de inversiones en el rendimiento de Webflow, tanto en el Designer como en los sitios que publicas. Hay más en camino.

Ya disponible para todos los clientes.

Más actualizaciones recientes

Todo lo que aparece a continuación se lanzó en los últimos meses y ya está disponible para todos los clientes.

• Espaciado en el lienzo, un lienzo para componentes, y desplazamiento y zoom. El margen y el relleno aparecen en el lienzo en lugar de solo en el panel de Estilo, los componentes tienen su propio lienzo con variantes lado a lado, y puedes desplazar y hacer zoom en la página. El lienzo de puntos de interrupción se basa en estos tres elementos.
• Controles de visibilidad de componentes y restricciones de ranuras. Decide qué componentes pueden ver y usar los compañeros de equipo con el rol de Marketer en el modo de construcción, y qué componentes están permitidos en una ranura determinada. Los componentes predeterminados para ranuras continúan donde estos terminan.
• Mejoras en Localize. Tono y formalidad por idioma de destino, código de encabezado y cuerpo personalizado localizado, y más control sobre cómo se traducen las propiedades de los componentes en idiomas secundarios. La traducción con agentes se basa en esta base.

¿Qué sigue en tu lista?

Casi todo lo anterior comenzó con un usuario diciéndonos qué no funcionaba. Cuéntanos qué más quieres ver en la Comunidad de Webflow, y no pierdas de vista el feed de actualizaciones para todo lo que lancemos durante el año.

Para saber más sobre lo que viene, únete a nosotros mañana para el segundo día de Webflow Conf, en Boston y en línea.