Qué es
Stitch es un experimento de Google Labs para diseñar interfaces con IA, presentado en Google I/O 2025. La propuesta: convertir prompts en texto o imágenes (un wireframe, un boceto, un screenshot) en diseños UI complejos y código frontend funcional en minutos.
Nació de una conversación entre un diseñador y un ingeniero que querían optimizar sus flujos de trabajo, y usa las capacidades multimodales de Gemini para unir el mundo del diseño con el del código. Es la herramienta que le habla a diseñadores y developers por igual.
La idea central: el puente entre diseño y código
El problema que resuelve Stitch es el cuello de botella clásico: el diseñador hace el mockup, el developer lo reconstruye a mano en código, y cada cambio se repite dos veces. Stitch genera el diseño Y el código a la vez, del mismo proceso:
prompt o imagen (wireframe/boceto/screenshot) → Gemini → diseño UI + código frontend └─ exportar a Figma o como códigoUn solo paso en vez de dos equipos y dos herramientas.
Cómo funciona por dentro
De texto a interfaz
Describís la app que querés en lenguaje natural —colores, experiencia de usuario, layout— y Stitch genera la interfaz visual que matchea la descripción.
De imagen a interfaz
Subís un boceto de pizarra, un screenshot o un wireframe, y Stitch lo procesa y lo convierte en un diseño digital funcional. La idea cruda de papel pasa a código sin redibujarla.
Variantes e iteración
El diseño es iterativo: Stitch genera múltiples variantes de la misma interfaz para experimentar con layouts, componentes y estilos. Podés pedir cambios por chat hasta que el resultado cierre.
Los puentes hacia el trabajo real
- Paste to Figma: el diseño generado se pega directo en Figma para seguir refinando con el equipo de diseño y meterlo en el design system.
- Export de código frontend: Stitch genera código frontend limpio y funcional, listo para meter en una app real.
El salto con Gemini 3: prototipos interactivos
A fines de 2025 Stitch sumó Gemini 3 y, con eso, una función que le cambia el nivel: “Prototypes”. Ahora no solo generás pantallas estáticas: podés “coser” (stitch) distintas pantallas en un lienzo y armar un prototipo que funciona de verdad, con interacciones y flujos de usuario completos.
De “te genero una pantalla” pasó a “te armo el recorrido completo del usuario”. El mockup estático evolucionó a un prototipo navegable.
Y además: SDK y MCP
Stitch no se queda en la web: tiene un SDK open source (stitch-sdk) para generar pantallas y extraer su HTML por código, con MCP tools para conectar agentes de IA (via Vercel AI SDK o agentes de Google ADK), y se integra con el IDE Antigravity vía MCP: el agente lee el “Design DNA” del proyecto y arma la app pixel-perfect en React/Tailwind. Diseño y desarrollo quedaron en un solo circuito.
Por qué es importante
- Acorta el ciclo diseño→código de días a minutos: el puente que Stitch construye entre mockup y frontend elimina horas de reconstrucción manual.
- Es multimodal de verdad: el hecho de que puedas subir un boceto de pizarra y salga código es la demostración práctica de por qué Gemini es multimodal y no solo “chateador”.
- Habilita prototipado rápido: con Prototypes, cualquier idea se puede convertir en un flujo interactivo para mostrarle a un cliente o validar una app, sin saber diseñar ni programar.
- Apunta a un futuro agentic: con SDK + MCP, Stitch deja de ser una herramienta de click y pasa a ser un bloque que los agentes de IA usan dentro de sus propios flujos.
Siguiente paso
Entrá a stitch.withgoogle.com, creá un proyecto Web y describí una app simple: “una landing moderna para una app de finanzas, palette azul medianoche, con hero, grilla de features y pricing”. Generala, pedí una variante, y probá el modo Prototypes cosiendo dos pantallas para armar un mini-flujo. Cuando veas el diseño y el código salir juntos, no volvés a abrir el viejo flujo “mockup por un lado, código por el otro”.
Sitio oficial: stitch.withgoogle.com — anuncio: developers.googleblog.com — SDK: github.com/google-labs-code/stitch-sdk