Google actualizó Stitch con un flujo de “vibe design” y las acciones de Figma cayeron casi 12 por ciento en dos días. La reacción del mercado fue inmediata, pero el límite del producto importa más que el gráfico bursátil.
Stitch recibe instrucciones en lenguaje natural, genera varias direcciones de interfaz y ofrece Voice Canvas, donde el agente pregunta y modifica el layout durante una conversación. Exporta a Figma y HTML/CSS, se conecta con agentes de código mediante MCP y tiene SDK. El plan gratuito incluye 350 generaciones al mes.
Es una herramienta fuerte para pasar de cero a uno. Producto o diseño pueden explorar opciones y mostrar algo concreto a stakeholders en minutos. El diseño de producción vive en la distancia restante: cientos de componentes, variantes, breakpoints, accesibilidad, contenidos extremos y decisiones acumuladas. Generar una pantalla plausible no mantiene ese sistema.
Dónde encaja Stitch sin convertirse en dueño del sistema
Google Labs rediseñó Stitch como un canvas infinito: varias direcciones visuales, prototipos clicables, un agente que sigue la evolución del proyecto y Voice Canvas para criticar el layout mientras hablas. Puedes pegar imagen, texto o código como contexto. Puedes extraer un design system de una URL o cargar reglas en un DESIGN.md y reaplicarlas en otro proyecto.
Eso resuelve la página en blanco y la reunión en la que nadie consigue imaginar el producto. El flujo de producción de un equipo con biblioteca viva ya tiene otro dueño. Tokens, variantes, breakpoints y estados de componente ya están en Figma o en el código. Si cinco pantallas generadas se vuelven handoff al momento, el sistema desaparece del camino.
MCP, el SDK y el export HTML/CSS aceleran el paso a ingeniería. No revisan contraste, orden de foco, copy larga ni el botón que el equipo mantiene en 14 variantes. Quien recibe el export necesita saber si está mirando exploración o un contrato.
Qué medir cuando el prototipo llega en diez minutos
El vibe design cambia la expectativa a la misma velocidad que la herramienta. Si un PM genera cinco direcciones en diez minutos, la petición siguiente tiende a ser "elige una y cierra". Sin un bloque explícito en el calendario para el camino de 1 a 100, el refinamiento se vuelve holgura que nadie nombró.
Registra el intervalo entre el primer prototipo compartido y el momento en que la pantalla entra al sistema con tokens, vacío, error, mobile y contenido real. Cuenta también cuántas generaciones mueren en la exploración y cuántas entran a review de diseño. Si la segunda cuenta crece y la primera se queda igual, el equipo acumula deuda visual con apariencia de velocidad.
El plan gratuito con 350 generaciones al mes cubre un ensayo de ideación. El volumen de generaciones es métrica de exploración. Consistencia, accesibilidad y horas de encaje en el sistema siguen siendo las métricas de producción. Trata las dos familias por separado en el informe para stakeholders, o la reunión solo ve el canvas lleno.
La lista que Voice Canvas no hereda solo
"Quiero algo premium y minimalista, tipo Stripe" describe atmósfera. No describe el token de espaciado, el estado disabled, el formulario con error, la etiqueta de 40 caracteres en el botón ni el lector de pantalla en el modal. El agente puede entrevistar y criticar en tiempo real. La lista del equipo sigue en el equipo.
Antes de promover una dirección, ejecuta lo que ya exiges en el archivo de producción: contraste, área de toque, teclado, contenido extremo, i18n si el producto lo tiene. Una pantalla que solo funciona con copy corta y un breakpoint sigue siendo prototipo, aunque sea bonita y clicable.
DESIGN.md es contexto para el agente, útil para no reinventar color y tipo en cada proyecto Stitch. Si la fuente de verdad del producto es Figma más código, el markdown tiene que nacer ahí. Si inviertes el orden, el equipo pasa a tener dos sistemas que divergen en el segundo sprint.
Exportar un frame no mueve la gobernanza
El mercado leyó el export a Figma como ocupación de territorio. Exportar un frame es barato. Mantener 200 componentes, tres breakpoints y la biblioteca que consume ingeniería es el trabajo que pesa en el costo.
Una política que se puede sostener: Stitch para descubrimiento y alineación; Figma para componente, handoff y QA visual. Quien conecta Cursor o Claude Code vía MCP todavía necesita criterio de aceptación en el código. Un pixel parecido al mock generado no garantiza que el producto quepa en el sistema.
Lo que me preocupa es que el plazo de diseño se encoja en el calendario mientras el trabajo de 1 a 100 permanece. Si el equipo adopta Stitch, el kickoff tiene que traer el número de días (o horas) todavía reservados para refinamiento. Sin ese número escrito, la generación rápida solo adelanta la pelea por la fecha.
Si tu empresa está evaluando algo parecido, escríbeme por LinkedIn o por WhatsApp.
