01 · Diseño de apps con identidad visual
Cómo pasar de un prototipo genérico a una app con branding real, usando IA para cada capa del diseño.
Diseño · 01
Cuando generas una app con Google AI Studio, Claude Code o Lovable, el resultado funciona pero se ve igual a cualquier otra. El problema no es la IA. El problema es que le delegas el qué hace y el cómo se ve al mismo tiempo, y la IA resuelve ambos con los mismos defaults.
Este workflow separa las dos capas. Primero defines la identidad visual por tu cuenta. Después usas IA para ejecutarla. El resultado es una app que funciona igual de bien pero se siente tuya.
El principio
Separar el qué hace la app del cómo se siente usarla. El primero se lo das a la IA. El segundo lo defines tú primero, y después usas IA para producir los assets que lo materializan.
Herramientas
Todas tienen tier gratuito o prueba suficiente para completar el workflow:
| Herramienta | Para qué la usas |
|---|---|
| Google AI Studio | Prototipo funcional en un prompt |
| Claude | Brainstorming de marca, generación de prompts para assets |
| Cosmos | Moodboard con referencias visuales |
| Weavy AI | Generación de assets (paleta, botones, logo, elementos) |
| Figma | Composición final de pantallas |
Dentro de Weavy, dos modelos cubren casi todo: Flux 2 Pro para assets generales y Ideogram v3 para logos y tipografía.
El proceso
Generar el prototipo funcional
Definir función y emoción
Crear las guidelines de marca
Armar el moodboard
Extraer la paleta de colores
Generar los assets visuales
Componer las pantallas
Implementar con el diseño
Lo que necesitas antes de empezar
Una idea de app con al menos tres pantallas en mente y cuenta en cada herramienta. No requiere instalación local ni experiencia previa en diseño.