Para la mayoría de los equipos de marketing y agencias pequeñas, siempre ha existido una brecha entre la experiencia interactiva que imaginas y el tiempo de desarrollo necesario para crearla.
Líneas de tiempo animadas, calculadoras en tiempo real, carruseles 3D... la visión es sencilla. El ancho de banda y la ejecución, por lo general, no lo son.
Los componentes de código con IA se crearon para cerrar esa brecha. Describe lo que quieres con lenguaje sencillo y el Asistente de IA de Webflow generará un componente reutilizable y adaptado a tu marca directamente en el lienzo. Ajústalo mediante chat o código y añádelo a tu sitio. Sin necesidad de tickets de desarrollo.
Para ver qué significaba esto en la práctica, desafiamos a la comunidad a crear algo con esta herramienta. Recibimos 56 propuestas increíbles que van desde funcionalidades complejas de varios pasos hasta una elegancia visual absoluta, demostrando que los equipos de cualquier tamaño pueden lanzar proyectos por su cuenta.
Aquí tienes algunas de las propuestas más destacadas.
Lo que creó la comunidad
Siraj Ali — Planificador de viajes Wandar AI
Siraj creó un planificador de itinerarios de viaje totalmente funcional con IA, que incluye lógica de formularios de varios pasos, recomendaciones personalizadas en tiempo real y una experiencia de usuario impecable. Es el tipo de desarrollo que normalmente requeriría un trabajo de backend complejo y un programador dedicado, pero que se construyó dentro de Webflow usando componentes de código con IA. Wandar AI es la prueba más clara de lo que esta función puede lograr en buenas manos y de lo que ahora está al alcance de los equipos que crean herramientas para clientes y productos interactivos. Ver la propuesta de Siraj →
Erkens Gjini — Globo terráqueo giratorio con selección de ubicación
Erkens creó un globo interactivo que gira hacia diferentes ubicaciones cuando el usuario las selecciona, con efectos de desplazamiento al estilo Apple en los botones de las ciudades. Un globo terráqueo interactivo es uno de los componentes más solicitados en el trabajo de agencia y, históricamente, uno de los más difíciles de ejecutar bien. El hecho de que lo lograra tras experimentar una sola tarde dice mucho sobre lo que esta función desbloquea para diseñadores y agencias que trabajan sin un desarrollador dedicado. Ver la propuesta de Erkens →
James Woods — Sección de desplazamiento de 5 tarjetas con microinteracciones
James ya tenía un diseño hecho y terminó reemplazando su propio trabajo con lo que produjeron los componentes de código con IA. El componente generado añadió una línea de tiempo con desplazamiento, un contador de porcentaje y animaciones escalonadas que su versión original no tenía. Más tarde, amplió el diseño de cuatro a cinco tarjetas sin ningún problema. Es una demostración silenciosa pero significativa de lo que esta función hace bien: no solo cumplir con lo que pides, sino superarlo. Ver la propuesta de James →
Imron — Galería de arte con desplazamiento de vértices
La propuesta de Imron es pura ambición visual: una galería de arte generativo basada en ecuaciones matemáticas de desplazamiento de vértices que producen superficies 3D cambiantes y ondulantes. En resumen: Imron usó componentes de código con IA para crear arte impresionante basado en matemáticas. Es una demostración pura de lo que sucede cuando los componentes de código con IA se encuentran con alguien que quiere ver hasta dónde puede llegar el lienzo. El resultado merece su propia exposición en una galería. Ver la propuesta de Imron →
Matt Vidal — Estimador de proyectos guiado de varios pasos
Matt creó un formulario guiado de varios pasos que estima los costos del proyecto en tiempo real. El flujo es limpio y el resultado es funcional; es el tipo de herramienta que una agencia pequeña podría integrar directamente en el sitio de un cliente. Es un ejemplo sólido de cómo los componentes de código con IA mejoran la utilidad empresarial. (Nota: desplázate hacia abajo hasta encontrar el botón "Let's connect") Ver la propuesta de Matt →
Kiberu Yahya — Carrusel cilíndrico 3D
El carrusel de Kiberu le da a las imágenes una calidad táctil y física: un rollo cilíndrico infinito con soporte para arrastrar, efecto de inercia y velocidad y espaciado personalizables. El prompt que lo generó fue directo: un rollo cilíndrico 3D interactivo de tarjetas de imagen con arrastre infinito, con opciones para añadir imágenes, espaciado, velocidad y más. El hecho de que un solo prompt descriptivo produjera algo tan dinámico es lo importante. Es adaptable, fluido y está diseñado para funcionar bien. Ver la propuesta de Kiberu →
Lora Vasileva — Línea de tiempo horizontal con trazado SVG
Lora siempre había querido crear una línea de tiempo que siguiera una ruta SVG personalizada. Con dos prompts —el segundo solo para ajustar el espaciado— lo consiguió: una línea de tiempo horizontal con animaciones activadas por scroll, donde cinco elementos aparecen de izquierda a derecha siguiendo una curva. Es un efecto pulido que normalmente requeriría experiencia en GSAP y mucho tiempo de iteración. Aquí todo encajó de forma limpia, coherente con la marca y rápida. Ver la propuesta de Lora →
Lydia Dietsch — Halftone studio
La propuesta de Lydia es quizás la más encantadora del grupo. Halftone Studio te permite subir cualquier foto, transformarla en patrones de puntos animados, personalizar las formas y el estilo de animación, y exportar el resultado como MP4, GIF u otros formatos. El primer prompt fue algo como: crea una herramienta con carga de imágenes donde la imagen se transforme en patrones de puntos animados con diferentes formas y animaciones, además de cualquier opción adicional que tenga sentido. El resultado es una herramienta creativa realmente útil; el tipo de cosa que un equipo de marca o de redes sociales podría usar desde el primer día. Ver la propuesta de Lydia →
Lo que esto nos dice sobre lo que es posible
La variedad de estas ocho propuestas es algo para reflexionar. Una app de viajes con IA y una línea de tiempo SVG de dos prompts. Un globo terráqueo giratorio y un animador de fotos de semitonos. Un estimador de proyectos de varios pasos.
Ninguno de estos proyectos requirió un desarrollador dedicado. Todos necesitaron a alguien con una idea clara, ganas de experimentar y acceso a componentes de código con IA. Ese es el cambio: no es que los desarrolladores sean menos necesarios, sino que el terreno para la creación funcional se ha ampliado para incluir a cualquiera que sepa articular lo que quiere.
Si aún no lo has probado, este es un buen momento para empezar. Describe algo que hayas estado posponiendo porque no tenías tiempo para construirlo. Mira qué sucede.
Explora tú mismo los componentes de código con IA en webflow.com/feature/code-components. Y asegúrate de unirte a la Comunidad de Webflow para aprender más, divertirte y ganar premios.
