3 herramientas gratis de Google para diseñadores
Mixboard, Stitch y Pomelli: qué hace cada una, en qué momento del proceso usarla, cómo usarla paso a paso y — sobre todo — para qué NO sirven.
Antes de empezar: las tres no compiten entre sí
El error más común es probar las tres esperando que hagan lo mismo, no entender la diferencia y abandonarlas. Cada una resuelve una etapa distinta del proceso de diseño. Si sabes en qué momento usar cada una, dejan de sentirse redundantes.
| Herramienta | Etapa del proceso | Qué te entrega |
|---|---|---|
| Mixboard | Exploración / concepto | Dirección visual, moodboard, referencias |
| Stitch | Diseño de interfaz | Pantallas de app o web + export a Figma/código |
| Pomelli | Producción de piezas | Piezas de campaña que respetan la marca |
Las tres son gratuitas, experimentales (Google Labs), requieren cuenta de Google y ser mayor de 18 años. Todas están disponibles en Colombia y la mayor parte de Latinoamérica. La interfaz está en inglés, pero puedes escribir los prompts en español.
1. Mixboard — el moodboard que se genera solo
Sitio: labs.google.com/mixboard
Para qué sirve
Es un lienzo infinito donde armas la dirección visual de un proyecto. La diferencia con Pinterest o un moodboard tradicional: no buscas las imágenes, las generas. Escribes lo que necesitas y te crea las referencias al momento. También puedes subir tus propias imágenes y mezclarlas con las generadas.
Su lugar real en el proceso es antes del wireframe: sirve para alinear el «look and feel» con un cliente o contigo mismo, antes de invertir horas en una dirección que después se descarta por no gustar.
Cómo usarla — paso a paso
Entra y arranca con un prompt
Puedes empezar desde un tablero en blanco escribiendo lo que buscas, o elegir uno de los tableros pre-armados que ofrece. El prompt inicial define el tono de todo el tablero, así que vale la pena ser específico.
Escribe el prompt describiendo la dirección, no el objeto
«Cafetería de especialidad, estética cálida y artesanal, madera clara y cerámica» funciona mucho mejor que «cafetería». Mientras más describas el ambiente y no solo la cosa, más útiles las referencias.
Sube tus propias imágenes
Si ya tienes referencias del cliente, fotos de producto o una paleta, súbelas al tablero. Mixboard las va a considerar al generar nuevos elementos, así que el resultado se alinea con lo que ya tienes.
Edita con lenguaje natural
Este es el punto fuerte. En vez de regenerar todo, le das instrucciones puntuales sobre un elemento: «hazlo más minimalista», «cambia la madera por concreto». Modifica solo lo que le pediste y respeta el resto del tablero — la iluminación, la tipografía, la composición.
Itera con las opciones rápidas
Los botones de «regenerate» y «more like this» te dan variaciones sin escribir nada. Útil cuando vas por buen camino pero quieres ver el rango de opciones antes de decidir.
Genera texto desde las imágenes
Puede escribir descripciones a partir de lo que hay en el tablero — útil para articular en palabras una dirección visual que vas a presentar a un cliente.
Moodboard para el rebranding de una panadería artesanal.
Estética cálida y honesta, no premium ni minimalista frío.
Materiales: madera clara, papel kraft, cerámica mate.
Paleta en tonos tierra con un acento verde oliva.
Incluye referencias de empaque, señalética y una fotografía de producto.
| Úsala para | No la uses para |
|---|---|
| Definir dirección visual antes de diseñar | Diseñar la pieza final — es exploración, no producción |
| Presentarle opciones a un cliente sin haber diseñado nada aún | Trabajar tipografía o layout con precisión |
| Explorar varias direcciones en paralelo | Assets que van directo a producción |
| Storyboards y referencias de fotografía | Reemplazar tu criterio: te da opciones, no decisiones |
2. Stitch — interfaces desde una descripción
Sitio: stitch.withgoogle.com
Para qué sirve
Convierte una descripción en texto (o un boceto, o un screenshot) en pantallas de app o web completas, con componentes reales y jerarquía coherente. Google lo llama «vibe design»: en vez de arrancar con wireframes, describes cómo debe verse y sentirse la experiencia.
Lo importante: exporta a Figma con las capas y el Auto Layout intactos, y también a código (HTML/CSS, Tailwind, React). O sea, no es un callejón sin salida — lo que genera sigue viviendo en tu flujo de trabajo normal.
Cómo usarla — paso a paso
Elige el modo antes de empezar
Tiene dos. El modo estándar es más rápido y tiene un límite mensual más alto — úsalo para explorar varias ideas. El modo experimental es más lento pero produce resultados más refinados y acepta imágenes como referencia — úsalo cuando ya sabes qué quieres.
Describe la pantalla con su propósito, no solo su contenido
«Dashboard de una app de finanzas personales, tema oscuro, tarjetas, para alguien que revisa gastos a diario en el celular» da mucho mejor resultado que «dashboard de finanzas». El contexto de uso cambia las decisiones de diseño.
Pide varias pantallas de una vez
Puedes pedir un flujo completo — login, listado, detalle, ajustes — y las genera en una sola pasada manteniendo consistencia de espaciado, color y tipografía entre ellas. Esto es más útil que generarlas por separado, porque separadas no comparten sistema.
Sube un boceto o screenshot como referencia
En modo experimental puedes subir un wireframe hecho a mano, un screenshot de una interfaz que te gusta, o una captura de tu propio diseño, y lo usa como punto de partida.
Ajusta por chat, no regenerando
Pídele cambios puntuales: «más padding en las tarjetas», «el color primario a azul de marca», «agrega un ícono de búsqueda en el header». Es el mismo bucle que ya conoces si has usado IA para código.
Exporta a Figma y termina ahí
Este es el paso que casi nadie usa bien. Stitch es para llegar rápido al primer borrador; el refinamiento real lo haces en Figma, donde tienes control fino de espaciado, jerarquía y sistema de diseño.
App móvil para reservar canchas de fútbol.
Genera 4 pantallas: inicio con canchas cercanas, detalle de cancha con horarios, checkout de reserva, y mis reservas.
Tema claro, tipografía con carácter pero legible.
El usuario típico reserva desde el celular, con afán, usualmente de noche — la jerarquía debe priorizar disponibilidad y precio por encima de todo lo demás.
| Úsala para | No la uses para |
|---|---|
| Primer borrador de una interfaz, rápido | Diseño final de producción — el output tiende a verse genérico |
| Explorar varias direcciones de layout antes de comprometerte | Flujos complejos con muchos estados y condiciones |
| Mostrarle un concepto a un cliente o equipo | Control fino de espaciado y jerarquía (eso es Figma) |
| Convertir un boceto a mano en algo presentable | Sistemas de diseño o trabajo colaborativo de equipo |
Nota importante: tiene límites de generación mensuales y no hay plan pago para ampliarlos. Úsalo para lo que importa, no para experimentar sin rumbo. Además, en el plan gratuito lo que subes puede usarse para entrenamiento — no subas material confidencial de clientes.
3. Pomelli — piezas que ya respetan la marca
Sitio: labs.google.com/pomelli
Para qué sirve
Analiza el sitio web de una marca y construye automáticamente lo que Google llama un perfil de «Business DNA»: tono de voz, tipografías, paleta de color y estilo visual. A partir de ese perfil genera piezas de campaña — posts, anuncios, banners — que ya salen alineadas a esa identidad, sin que tengas que configurar nada manualmente.
Para un diseñador esto tiene dos usos que no son obvios. El primero: producir volumen de piezas para un cliente pequeño sin partir de cero cada vez. El segundo, y más interesante: ver cómo una IA interpreta la identidad de una marca a partir de su web — eso te dice mucho sobre qué tan clara y consistente es esa identidad en la práctica.
Cómo usarla — paso a paso
Ingresa la URL del sitio
Pega el sitio de la marca y Pomelli lo analiza para extraer colores, tipografías, imágenes, taglines y tono. Toma unos minutos, no horas.
Revisa y CORRIGE el Business DNA
Este es el paso que la mayoría se salta y es el que define todo lo demás. Todos los campos son editables: la paleta, los valores de marca, el tono, la descripción. Si el perfil sale mal interpretado y lo dejas así, todas las piezas van a heredar ese error. Dedícale tiempo aquí.
Genera ideas de campaña o escribe la tuya
Puede proponerte direcciones de campaña basadas en el perfil, o puedes escribir tu propio prompt si ya tienes claro el ángulo. Suele darte varias variaciones para comparar.
Edita las piezas dentro de la herramienta
Puedes cambiar titulares, cuerpo de texto, tipografías, colores, y redimensionar para distintos formatos. Hay una función de reacomodo automático del layout cuando algo queda desalineado.
Descarga y revisa antes de publicar
Las piezas salen listas para descargar. Revisa siempre el texto generado — la coherencia visual suele ser buena, pero el copy necesita ojo humano, sobre todo en español.
Advertencia de privacidad. Al ingresar la URL le estás dando permiso a Google de analizar ese sitio. Si es de un cliente, es una decisión que deberías consultar con él antes, no después.
Además: la interfaz genera contenido en inglés por defecto. Puedes pedirle contenido en español, pero revisa el resultado — no siempre respeta el registro que necesitas para audiencia latinoamericana.
| Úsala para | No la uses para |
|---|---|
| Producir volumen de piezas de campaña rápido | Construir una identidad de marca desde cero |
| Clientes pequeños sin manual de marca formal | Piezas donde el concepto creativo es el valor principal |
| Auditar qué tan clara es la identidad de una marca en su web | Marcas con manual estricto y aprobaciones formales |
| Variaciones para probar distintos ángulos de mensaje | Copy final sin revisión humana, sobre todo en español |
Cómo usarlas juntas — un flujo real
El mayor valor no está en usarlas por separado, sino en encadenarlas. Ejemplo con un proyecto de app para un cliente:
Cada herramienta entrega el insumo de la siguiente. Ese es el punto que hace que valga la pena aprenderlas juntas y no una suelta.
Los 4 errores que hacen que la gente las abandone
- Esperar producción final de una herramienta de exploración. Mixboard y Stitch son para llegar rápido al primer borrador. Si esperas el archivo final listo para entregar, te van a decepcionar las tres.
- Prompts que describen el objeto y no la intención. «Landing page de gimnasio» versus «landing page de gimnasio para gente que nunca ha entrenado, que necesita sentir que no la van a juzgar». El segundo cambia todas las decisiones de diseño.
- No corregir el Business DNA en Pomelli. Si el perfil de marca queda mal, todas las piezas salen mal. Es el único paso donde de verdad no puedes ir en automático.
- Regenerar todo en vez de editar puntualmente. Las tres permiten instrucciones sobre un elemento específico. Regenerar desde cero pierde lo que ya estaba bien y gasta tus créditos.
Y lo más importante
Ninguna de las tres reemplaza el criterio de diseño. Te quitan la parte mecánica — buscar referencias, armar el primer layout, redimensionar piezas — pero la consistencia, la accesibilidad, la estrategia de marca y la decisión de qué dirección tomar siguen siendo tuyas. Ahí es donde está tu valor, y ninguna de estas herramientas se acerca a eso.