#000

https://main--cc--adobecom.aem.live/cc-shared/assets/img/firefly.svg|Adobe Firefly Adobe Firefly

Crea diseños interactivos con Firefly Builder, el creador de sitios web con IA

Visualiza fácilmente sitios web, aplicaciones y mucho más con Firefly Builder, que convierte tus indicaciones y referencias en diseños interactivos que puedes previsualizar y editar directamente en el lienzo.

Unirse a la lista de espera

style
dark
#000

https://main--da-cc--adobecom.aem.page/cc-shared/assets/img/product-icons/svg/firefly-80.svg|Adobe Firefly

Unirse a la lista de espera de Firefly Builder

https://main--da-cc--adobecom.aem.page/cc-shared/assets/img/product-icons/svg/firefly-80.svg

Adobe Firefly

Unirse a la lista de espera de Firefly Builder

https://main--da-cc--adobecom.aem.page/cc-shared/assets/img/product-icons/svg/firefly-80.svg

Adobe Firefly

Unirse a la lista de espera de Firefly Builder

style
Sticky bottom, dark

Firefly Builder, donde la creación sin código se une al control creativo

Ahora, quienes se dediquen al diseño pueden dar vida a sus ideas con rapidez y generar diseños interactivos y acordes con la identidad de su marca para sitios web y aplicaciones sin escribir ni una sola línea de código. Crea y gestiona múltiples proyectos en un mismo lienzo, y ajusta todos los detalles mediante el chat del agente o la selección y edición directa. Acto seguido, exporta los paquetes de código para continuar con el desarrollo.

background
#FFF
style
xxl-spacing-top, xl-top-rounded-corners, static links

Coherencia y control con sistemas de diseño y funciones de edición en el lienzo

Escribe una indicación o carga tus directrices de marca para generar un sistema de diseño que mantenga una apariencia coherente en todas sus versiones. Edita tus diseños desde el panel Propiedades o selecciona cualquier elemento con la herramienta Inspeccionar y escribe una indicación para describir los cambios que quieras aplicar.

Previsualiza y comparte tus diseños con facilidad

Firefly Builder da vida a tus diseños en forma de prototipos interactivos que puedes probar directamente en el lienzo. Comparte un enlace con las partes interesadas, clientes y personas colaboradoras para recopilar sus comentarios y revisar y perfeccionar así el resultado antes de que comience el desarrollo.

Exporta tus experiencias desde el creador de sitios web con IA

Entrega paquetes de código HTML limpios a un equipo de desarrollo o impórtalos en herramientas de desarrollo web para llevar tus diseños a la fase de implementación.

Cómo crear diseños interactivos con Firefly Builder

Paso 1

Únete a la lista de espera

Ve a firefly.adobe.com/builder y únete a la lista de espera de Firefly Builder con tu Adobe ID, o crea una cuenta gratuita si aún no la tienes.

Paso 2

Abre Firefly Builder

Una vez que la aplicación esté disponible, inicia sesión con tu Adobe ID.

Paso 3

Empieza a generar tu proyecto

Haz clic en el icono del avión de papel situado en la esquina inferior derecha de la ventana de indicación. Firefly Builder empezará a generar tu diseño en el lienzo y podrás ver sus acciones en tiempo real paso a paso.

Paso 4

Previsualiza el proyecto

Cuando Firefly Builder termine, obtendrás una vista previa interactiva del proyecto. Puedes ampliar el marco, inspeccionar elementos individuales o probar la experiencia en una nueva pestaña del navegador.

Paso 5

Perfecciona los resultados

Sigue editando el proyecto seleccionando su marco e introduciendo instrucciones en la ventana de chat del agente.

Paso 6

Opcional: genera otro proyecto

Para crear un nuevo proyecto, deselecciona el marco de la aplicación y aleja la imagen. Dibuja un nuevo marco en cualquier parte del lienzo con la herramienta Marco de la barra de herramientas inferior. A continuación, genera un nuevo diseño dentro de ese marco seleccionándolo e introduciendo una nueva indicación.

Pasa de un proyecto a otro seleccionándolos en el lienzo o en el menú desplegable de la parte superior izquierda del panel de chat.

Cómo crear experiencias interactivas con Firefly Builder

Pasos para crear experiencias interactivas con Firefly Builder

PT5M

firefly

Unirse a la lista de espera
style
xl-bottom-rounded-corners
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)

¿Por qué elegir Firefly Builder como creador de sitios web con IA?

Firefly Builder permite a profesionales del diseño gráfico, el diseño de experiencias e interfaces de uso y la creatividad de todo tipo generar experiencias interactivas sin escribir ni una línea de código. Tanto si necesitas crear una maqueta de una sencilla aplicación web como si quieres diseñar un micrositio de una marca para el lanzamiento de un producto, Firefly Builder facilita la visualización del aspecto y el comportamiento del producto final.

background
#FFF
style
xxl-spacing-top, xl-top-rounded-corners, static links
#FFF

Control creativo

Gracias a la posibilidad de generar sistemas de diseño y editar todos los detalles directamente en el lienzo, Firefly Builder aumenta la precisión de la programación intuitiva.

#FFF

Diseño interactivo sin código

Basta con escribir descripciones, añadir referencias visuales y cargar tus directrices de marca para que el creador de sitios web con IA genere al instante diseños interactivos que se ajusten a lo que tengas en mente.

#FFF

Uso compartido sencillo

Cuando el diseño esté listo, compártelo con personas colaboradoras y responsables del proyecto mediante un enlace para que puedan revisarlo. Sin necesidad de exportar archivos ni entregar nada.

#FFF

Resultado listo para producción

Firefly Builder genera rápidamente paquetes de código limpios listos para que los sigas mejorando con herramientas de desarrollo web.

style
two up, s spacing top, l spacing bottom, show-2-desktop, static-links
background
#FFF
Unirse a la lista de espera
background
#FFF
style
xl-top-rounded-corners, static links

Descubre todo lo que puedes hacer con Firefly Builder

Unirse a la lista de espera
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
Unirse a la lista de espera
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
Unirse a la lista de espera
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page

Descubre aún más funciones

background
#F0F0F7
De texto a imagen De imagen a imagen De boceto a imagen Generador de diseño gráfico con IA Generador de arte con IA Generador de dibujos con IA Generador de vídeos con IA Generador de animaciones con IA Generador de retratos con IA Generador de dibujos animados con IA Generador de música con IA Generador de efectos de sonido con IA
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)
style
xl-bottom-rounded-corners, spacing-bottom-180

¿Alguna pregunta? ¡Tenemos las respuestas!

¿Qué es Firefly Builder?

Firefly Builder es una aplicación web que te permite generar diseños interactivos, como sitios web y aplicaciones, sin necesidad de escribir código.

¿Para quién está diseñado Firefly Builder?

Está pensado para cualquier profesional del diseño o la creatividad que quiera aplicar el arte de la narración visual a experiencias interactivas, como sitios web y aplicaciones. Estas personas pueden usar Firefly Builder para proyectos con clientes o para la marca de su propia organización.

¿Cuándo podré acceder al creador de sitios web con IA Firefly Builder?

La aplicación ya está disponible como parte de un programa beta privado. Para obtener más información, visita firefly.adobe.com/builder.

¿Qué idiomas son compatibles?

De momento, Firefly Builder solo está disponible en inglés.

¿Qué tipos de archivos puedo cargar en la ventana de indicación?

Actualmente, Firefly Builder admite los siguientes tipos de archivos: JPEG, PNG, PDF, MD y GIF.

¿Puedo usar el creador de aplicaciones y sitios web con IA Firefly Builder en mi dispositivo móvil?

Sí. Firefly Builder funciona en navegadores web de escritorio y dispositivos móviles. Actualmente no admite la exportación de paquetes de código para aplicaciones móviles.

¿Qué navegadores admite Firefly Builder?

Firefly Builder es compatible con Google Chrome, Apple Safari, Microsoft Edge y Mozilla Firefox.

¿Puedo editar mis diseños una vez generados?

Sí. Puedes editarlos directamente desde el panel Propiedades o utilizar la herramienta Inspeccionar para seleccionar elementos específicos y, a continuación, emplear indicaciones para aplicar los cambios que quieras.

Comparte esta página

style
xxl spacing bottom