De la idea a la app: presentamos Stitch, una nueva manera de diseñar IU

Para crear aplicaciones excelentes, siempre se necesita una poderosa asociación entre diseño y desarrollo. Los diseñadores visualizan la experiencia del usuario para crear interfaces intuitivas y atractivas. Luego, los desarrolladores dan vida a esos diseños con código funcional. Tradicionalmente, conectar las ideas de diseño con el código de trabajo exigía mucho esfuerzo manual y muchas idas y vueltas.

Ese es precisamente el problema que Stitch pretende resolver: Stitch es un nuevo experimento de Google Labs que te permite convertir instrucciones simples y entradas de imágenes en diseños complejos y código de frontend de IU en cuestión de minutos.

Stitch surgió de una idea de un diseñador y un ingeniero, quienes buscaban crear un producto que optimizara sus respectivos flujos de trabajo. Aprovecha las capacidades multimodales de Gemini 2.5 Pro para crear un flujo de trabajo más fluido e integrado entre el diseño y el desarrollo. Y, gracias a la opción de refinar tu diseño con entradas de imágenes, un chat interactivo, selectores de temas y una función de pegar en Figma, Stitch te permite concentrarte realmente en tus diseños creativos y necesidades de desarrollo.

Esto es lo que Stitch te ofrece hoy para mejorar tu proceso de diseño y desarrollo:

Generar IU a partir de lenguaje natural

Describe la aplicación que deseas crear en inglés sencillo, incluso con detalles como las paletas de colores o la experiencia del usuario que buscas. Stitch puede generar una interfaz visual que se adapte a tu descripción.

Generar IU a partir de imágenes o mallas (wireframes)

¿Tienes un boceto de diseño en una pizarra, una captura de pantalla de una IU atractiva o una malla (wireframe) aproximada? Cárgalos en Stitch y la herramienta procesará la imagen para producir una IU digital que combine tus ideas visuales iniciales con un diseño funcional.

Rápida iteración y exploración del diseño

El diseño es un proceso iterativo y Stitch lo hace más simple, ya que permite generar múltiples variantes de tu interfaz. Experimenta con diferentes diseños, componentes y estilos para lograr la apariencia que deseas.

Transición al desarrollo sin problemas

Una vez que estes conforme con tu diseño, Stitch proporcionará puentes cruciales para el flujo de trabajo de desarrollo:

• Pegar en Figma: tu diseño generado se puede pegar sin problemas en Figma para que puedas aplicar fácilmente un mayor refinamiento, colaborar con los equipos de diseño e implementar la integración en los sistemas de diseño existentes.

• Exportar código de frontend: Stitch genera un código de frontend limpio y funcional basado en tu diseño, por lo que tienes una IU completamente funcional lista para usar.

El objetivo de Stitch es que todo el mundo pueda disfrutar de la magia de crear apps. Nos complace presentarte este experimento y tenemos muchas ganas de ver lo que crearás con él.

Prueba Stitch en stitch.withgoogle.com y déjanos tus comentarios.

Explora este anuncio y todas las novedades de Google I/O 2025 en io.google a partir del 22 de mayo.