- Google Labs reconstruyó por completo Stitch como un lienzo de diseño de software nativo de IA que convierte lenguaje natural en diseños de UI de alta calidad
- Introduce el concepto de "vibe design", donde el diseño se genera describiendo objetivos de negocio o la experiencia de usuario, sin wireframes
- En un lienzo infinito se pueden traer imágenes, texto y código como contexto, y un nuevo agente de diseño razona sobre el proyecto completo
- Convierte diseños estáticos en prototipos interactivos al instante y permite modificar el diseño en tiempo real con la voz
- Actúa como puente con flujos de trabajo de desarrollo existentes como Figma y AI Studio mediante un servidor MCP, SDK y el formato DESIGN.md
Qué es el "vibe design"
- En medio de una tendencia donde la IA cambió de raíz la forma de crear software, Stitch evoluciona para materializar ideas desde el proceso de diseño
- En lugar de empezar con wireframes, se comienza describiendo los objetivos de negocio que se quieren lograr, la emoción que se busca transmitir al usuario y referencias inspiradoras
- Es un enfoque de "vibe designing" que permite explorar rápidamente distintas ideas y llegar a resultados de mayor calidad
Lienzo de diseño nativo de IA
- La interfaz de Stitch fue rediseñada por completo para ofrecer una experiencia nativa de IA en forma de lienzo infinito (infinite canvas)
- Asegura un espacio donde las ideas pueden crecer desde la ideación inicial hasta un prototipo funcional
- Potencia sobre el lienzo los procesos de divergencia (diverge) y convergencia (converge) que suelen ocurrir en el diseño
- Permite traer directamente como contexto al lienzo imágenes, texto y código, sin importar el formato
Nuevo agente de diseño
- Un nuevo agente de diseño, combinado con el amplio contexto del lienzo, razona sobre todo el progreso del proyecto
- Se introduce Agent Manager para explorar más direcciones
- Permite seguir el progreso y mantener el orden mientras se trabaja en varias ideas en paralelo
Sistema de diseño con DESIGN.md
- Amplía el toolkit del sistema de diseño para trabajar con un contexto más profundo
- Permite extraer un sistema de diseño desde cualquier URL o exportar/importar reglas de diseño mediante DESIGN.md, un archivo Markdown amigable para agentes
- Se puede aplicar el diseño a otros proyectos de Stitch, por lo que no hace falta volver a empezar desde cero cada vez
- También permite compartir reglas de diseño con otras herramientas de diseño y programación
Iteración rápida y prototipado
- Convierte al instante diseños estáticos en prototipos interactivos para experimentar de inmediato el recorrido del usuario
- Conecta pantallas en segundos con "Stitch" y permite previsualizar un flujo interactivo de la app haciendo clic en el botón "Play"
- Según los clics, genera automáticamente la siguiente pantalla lógica, facilitando mapear el recorrido del usuario
- Ofrece un bucle de retroalimentación rápido que permite modificar elementos individuales o cambiar todo el flujo con un solo clic
Colaboración por voz
- Incorpora la función de hablarle directamente al lienzo
- El agente ofrece crítica de diseño en tiempo real, diseña landing pages en formato de entrevista y actualiza todo en vivo
- Se pueden hacer pedidos como "Muéstrame 3 opciones de menú" o "Muéstrame esta pantalla con otra paleta de colores"
- La IA funciona como caja de resonancia, ayudando a descubrir las mejores ideas mediante crítica dinámica y conversación
- Permite una interacción manos libres sin romper el flujo creativo
Del diseño al código: MCP, Skills y exportación
- A través del servidor MCP y el SDK de Stitch, sus funciones pueden usarse como skills (2.4k stars) y herramientas
- Permite exportar diseños a herramientas para desarrolladores como AI Studio y Antigravity
- Sirve como puente con todas las herramientas del flujo de trabajo del equipo para que no se rompa la colaboración entre la IA y los desarrolladores
Usuarios objetivo y accesibilidad
- Está dirigido tanto a diseñadores profesionales que quieren explorar decenas de variantes como a fundadores que buscan materializar su primera idea de software
- El objetivo es cerrar la brecha entre la idea y la realidad en minutos, no en días
- Actualmente está disponible en inglés para mayores de 18 años en países donde Gemini es compatible
2 comentarios
Lo estoy probando... no estoy muy seguro.
Puede que el problema sea que mi prompt está raro, pero la tipografía y el diseño están medio malos..
No diría hasta el punto de "Google mató a Figma", pero se ve bastante limpio.
A menos que seas un power user de Figma, quizá haya mucha gente que quede satisfecha con este nivel.
La acción de Figma viene cayendo con fuerza.