Skip to main content
Screenshot 2026 05 06 At 14 19 49
Cuando estés listo para compartir o entregar un diseño, Flowstep te permite exportarlo como una imagen estática — ya sea JPG o PNG. Ambos formatos son ampliamente compatibles en herramientas de diseño, software de presentaciones y navegadores, por lo que puedes llevar tus diseños generados por IA donde sea que los necesites.

​
Cómo exportar tu diseño

1

Abre tu diseño

Navega al diseño que quieras exportar dentro de Flowstep.
2

Abre el menú de exportación

Localiza la opción de exportación en la barra de herramientas o panel de diseño. Selecciónala para abrir la configuración de exportación.
3

Elige tu formato

Selecciona JPG o PNG dependiendo de tu caso de uso (consulta la comparación a continuación).
4

Descarga el archivo

Confirma tu selección y descarga la imagen exportada a tu dispositivo.
Screenshot 2026 05 06 At 14 19 39

​
JPG vs PNG: ¿qué formato deberías usar?

Si estás pegando tu diseño en un conjunto de diapositivas o enviando una vista previa rápida a un cliente, JPG es generalmente la opción correcta. Si necesitas bordes nítidos o un fondo transparente — por ejemplo, para superponer el diseño en otra imagen — usa PNG.

​
Exportar código

Más allá de imágenes, el botón Code exporta una pantalla como código React + Tailwind — copia un fragmento, o descarga el paquete completo como ZIP. Los paquetes son autónomos: las imágenes utilizadas en el diseño (incluidas las que adjuntaste en el panel de chat) se incluyen en una carpeta public/assets/ con el código haciendo referencia a ellas por ruta local, por lo que la exportación funciona tal cual. Los archivos descargados — imágenes y paquetes de código por igual — se nombran según la pantalla a la que pertenecen (recurriendo al nombre del archivo si la pantalla no tiene nombre), lo que mantiene las exportaciones fáciles de identificar cuando estás trabajando con muchas pantallas.
Si necesitas llevar tu diseño a un flujo de trabajo de edición vectorial, cópialo directamente en Figma en su lugar. Ver Copia diseños de Flowstep en Figma instantáneamente.