Stitch y el canvas infinito
Google Stitch genera pantallas de UI desde prompts sobre un canvas infinito, pensado para explorar y comparar variantes de un vistazo.
// 2 min de lectura · ● updated 2026-07
// antes de leer
Contexto
Google Stitch es una herramienta de diseño de UI asistida por IA: describes una pantalla en lenguaje natural y genera una interfaz que puedes exportar a HTML/CSS. Su espacio de trabajo es un canvas infinito: en lugar de frames fijos como en un editor tradicional, generas y colocas pantallas libremente sobre un lienzo sin límites. Es la forma en que Stitch implementa la exploración visual rápida con IA, el enfoque de las herramientas de generación de interfaces.
Configuración / setup
- Entra a
stitch.withgoogle.come inicia sesión con tu cuenta de Google. - Crea un proyecto nuevo: se abre un canvas vacío.
- Escribe tu primer prompt en el panel de generación; Stitch coloca la pantalla generada sobre el canvas.
- Navega con scroll y zoom (como en Figma o Miro). No hay límite de espacio.
Estado a julio 2026. Stitch evoluciona rápido; la ubicación exacta de los controles puede cambiar.
Ejemplos
Flujo típico de exploración sobre el canvas:
1. Prompt: "Landing de una app de finanzas B2B, minimal, mobile-first."
→ Stitch genera 3-4 variantes y las coloca en el canvas.
2. Eliges una, la duplicas al lado y pides una variación:
"misma pantalla pero con el CTA arriba del fold."
3. Repites: cada iteración queda a la vista, lado a lado, para comparar.El valor del canvas infinito es que ves todas las versiones a la vez. En un editor de frames fijos saltarías entre artboards; acá la historia completa de la exploración está desplegada frente a ti.
Particularidades
- Ventaja: ideal para explorar y comparar variantes sin perder el hilo. La exploración es visual y espacial.
- Ventaja: cada pantalla es independiente — no arrastras estado entre ellas, así que una mala variante no contamina el resto.
- Limitación: Stitch no mantiene memoria de sistema entre prompts. Dos pantallas generadas por separado pueden divergir en estilo. Para coherencia de sistema, el paso siguiente es Claude Design.
- Limitación: el canvas se vuelve caótico rápido. Nombra y agrupa las variantes que te importan y borra el ruido antes de que te tape la vista.
// relacionados