Google rediseña Stitch para crear interfaces con IA

Google ha convertido Stitch en un lienzo de diseño con inteligencia artificial que transforma instrucciones, imágenes y código en interfaces y prototipos interactivos. La herramienta busca acortar el camino entre una idea de producto y una aplicación que se pueda probar.

La compañía llama a este enfoque “vibe design”. En lugar de comenzar con una estructura rígida o un wireframe, puedes explicar qué objetivo quieres conseguir, cómo quieres que se sientan los usuarios o qué productos te sirven de inspiración.

Stitch usa ese contexto para proponer diseños de alta fidelidad. Después puedes explorar varias direcciones, comparar opciones y quedarte con la que mejor encaje con tu idea.

Un lienzo para pensar y construir

La nueva interfaz de Stitch funciona como un lienzo infinito. En él puedes reunir distintos tipos de información:

• Texto con objetivos, instrucciones o ideas.
• Imágenes que sirvan como referencia visual.
• Código relacionado con el producto.
• Diseños y prototipos en distintas fases.

Esto importa porque el diseño de una aplicación no avanza siempre en línea recta. A veces necesitas probar muchas opciones antes de decidir qué funciona. El lienzo permite pasar de una primera idea a varias alternativas y, después, concentrarte en la propuesta más sólida.

La herramienta también incorpora un agente de diseño capaz de analizar la evolución completa del proyecto. Un agente es un sistema de IA que puede interpretar instrucciones y ejecutar tareas dentro de una herramienta, en lugar de limitarse a responder preguntas.

Además, el nuevo administrador de agentes permite trabajar en varias ideas en paralelo y mantenerlas organizadas. Por ejemplo, puedes pedir una versión más orientada a ventas y otra centrada en la facilidad de uso sin perder el historial de cada camino.

Del diseño estático al prototipo

Stitch puede convertir pantallas estáticas en prototipos interactivos. Puedes conectar una pantalla con otra y pulsar “Play” para recorrer el flujo de la aplicación, como lo haría una persona usuaria.

La IA también puede proponer la siguiente pantalla según el elemento en el que se haga clic. Así, si diseñas una tienda online y alguien pulsa “Comprar”, Stitch puede ayudarte a construir la pantalla de pago o el siguiente paso del proceso.

El objetivo es detectar antes los problemas de navegación. En vez de esperar a que el equipo programe una versión completa, puedes cambiar una pantalla o rehacer todo un recorrido desde el propio diseño.

Voz, sistemas de diseño y código

La colaboración con Stitch también puede hacerse mediante la voz. Puedes pedirle que critique un diseño, que te entreviste para crear una página de inicio o que genere tres menús diferentes mientras conversas con el agente.

También puedes solicitar cambios concretos, como probar distintas paletas de color para una misma pantalla. La IA funciona como un interlocutor que propone opciones y cuestiona decisiones, mientras tú conservas el control sobre el resultado.

Google amplía además las funciones para mantener un sistema visual coherente. Stitch puede extraer reglas de diseño desde una URL y utilizar el formato DESIGN.md, un archivo Markdown pensado para que los agentes de IA entiendan colores, tipografías, espaciados y otros criterios de una interfaz.

Ese archivo permite trasladar un sistema de diseño a otro proyecto sin empezar desde cero. La herramienta también se conecta con otros entornos mediante un servidor MCP, una tecnología para que distintas aplicaciones y agentes compartan capacidades, y permite exportar los diseños a AI Studio y Antigravity.

Para ti, el cambio principal es que Stitch deja de ser solo un generador de pantallas. Se convierte en un espacio para definir una idea, probar alternativas, validar cómo se usa y acercarla al código. El reto será revisar las propuestas de la IA con criterio: crear muchas versiones es fácil, pero decidir cuál resuelve realmente un problema sigue dependiendo de las personas.