Google Stitch: de una idea a una pantalla diseñada (y su código)
Google Stitch es una herramienta experimental de Google Labs que genera el diseño de una interfaz —y el código de frontend— a partir de una descripción en lenguaje natural o una imagen de referencia. Es gratis con una cuenta de Google: el modo estándar da 350 generaciones por mes y exporta a Figma y a código.
Probado por Pispeo · Actualizado el
- Qué es
- Sitio web
- Plan
- Gratis
- Límite del plan gratis
- Gratis con cuenta de Google, sin tarjeta. Modo estándar (Gemini 2.5 Flash): 350 generaciones por mes, con export a Figma y a código (HTML/CSS, Tailwind, Vue, Angular, Flutter, SwiftUI). Modo experimental (Gemini 2.5 Pro): 50 generaciones por mes y permite partir de imágenes, pero NO exporta a Figma.
- ¿Es segura?
- Sí — Es un producto experimental de Google Labs: puede cambiar o discontinuarse. Requiere cuenta de Google.
- Precio
- Gratis, sin plan pago
- Qué ofrece
- Genera el diseño de una pantalla desde texto o una imagen de referencia
- Exporta a Figma (con capas y componentes) y a código de frontend
- Dos modos: estándar (rápido, más cuota) y experimental (parte de imágenes)
- Sin costo, con cuenta de Google
- Marca de agua
- No
Gracias por votar.
¿Recomendás Google Stitch?
Qué es y para qué sirve
Google Stitch es una herramienta experimental de Google Labs para diseñar interfaces con IA. Le describís una pantalla —“una app de finanzas con lista de transacciones y un gráfico mensual”— o le pasás una captura de referencia, y genera la maqueta visual y el código de frontend.
Tiene dos modos: estándar (más rápido, con Gemini 2.5 Flash, y más cuota) y experimental (Gemini 2.5 Pro, permite partir de imágenes). El resultado se puede llevar a Figma o exportar como código.
¿Es gratis? Los límites del plan free
Es gratis con una cuenta de Google, sin tarjeta:
- Modo estándar: 350 generaciones por mes. Exporta a Figma y a código (HTML/CSS, Tailwind, Vue, Angular, Flutter, SwiftUI).
- Modo experimental: 50 generaciones por mes. Podés partir de una imagen, pero no exporta a Figma.
Al ser un producto de Google Labs, es esperable que las cuotas y funciones cambien con el tiempo, o que la herramienta se discontinúe como pasó con otros experimentos de Google — algo a tener en cuenta antes de apoyar un flujo de trabajo serio en ella.
Cómo se usa
- Entrás con tu cuenta de Google.
- Elegís modo (estándar o experimental).
- Describís la pantalla o subís una referencia.
- Ajustás por chat y exportás a Figma o a código.
Lo bueno y lo malo
Lo bueno (verificado): gratis, respaldo de Google, cuota mensual amplia en estándar, y exporta tanto a Figma como a varios frameworks de código.
Lo malo: es experimental (puede cambiar de condiciones o directamente discontinuarse, como pasó con otros productos de Google Labs), y el modo que permite partir de una imagen de referencia pierde el export a Figma.
¿Para quién no es?
Para un sistema de diseño consistente y trabajo de producción, el resultado de la IA sirve como punto de partida para explorar variantes rápido, no como el entregable final: igual hace falta revisarlo y ajustarlo con criterio de diseño.
Alternativas
Están v0 de Vercel, Uizard y las funciones de IA de Figma. Para copiar componentes sueltos, React Bits u OriginKit. Mirá el resto de herramientas para diseñar interfaces con IA que probamos.
Preguntas frecuentes
¿Google Stitch es gratis?
Sí, con una cuenta de Google y sin tarjeta. El modo estándar da 350 generaciones por mes y el experimental 50. No hay plan pago por ahora.
¿Exporta a Figma o solo a código?
A los dos, pero con un matiz: el modo estándar exporta a Figma (conservando capas y componentes) y a código. El modo experimental —el que permite partir de una imagen— no exporta a Figma, solo genera dentro de la herramienta.
¿Qué frameworks de código soporta?
Además de HTML/CSS, exporta a Tailwind, Vue, Angular, Flutter y SwiftUI.
¿Reemplaza a un diseñador o a Figma?
No. Sirve para arrancar rápido un prototipo o explorar variantes; el resultado hay que revisarlo y ajustarlo. Es un acelerador, no un reemplazo del criterio de diseño.
