Este artículo es un envío para el Desafío Multimodal de Google AI Studio
Qué construí
Animalette es una ventana directa a la fuente original del diseño: la naturaleza. Elige un animal o especie y obtendrás no solo su paleta cromática, sino también un mockup sugerido que aplica exactamente esos colores. Puedes guardar paletas en tu biblioteca personal, copiar códigos hex y mucho más. Es una herramienta perfecta para creativos que buscan inspiración tangible y utilizable.
Demo
Aplicación en Cloud Run: Animalette en producción Demo en vídeo: ver demostración
Cómo utilicé Google AI Studio
La solución adopta un enfoque multimodal con las capacidades de Google AI: generación de imágenes con imagen y nanobanana, búsqueda y generación de texto con modelos generativos. El usuario puede elegir un animal de una biblioteca existente o buscar uno nuevo; la IA genera un perfil cromático de la especie y, además, ofrece la opción de crear un mockup de interfaz aplicando esa paleta.
Funciones multimodales destacadas
1. Generación paralela de imagen y datos estructurados A partir del nombre del animal, la app lanza dos llamadas simultáneas a endpoints Gemini: por un lado, un prompt descriptivo a imagen-4.0-generate-001 para obtener una imagen fotorrealista que aporta contexto visual inmediato; por otro, un prompt analítico a gemini-2.5-flash con un responseSchema estricto para recibir un JSON predecible con paletas primarias y secundarias, cada color con nombre, código hex y descripción de su ubicación en el animal. Beneficios de UX: eficiencia al reducir la latencia percibida y riqueza contextual al vincular el dato cromático con una representación visual concreta.
2. Salida de IA como insumo creativo para una segunda tarea de IA La función Paleta en acción encadena modelos: primero se obtiene el JSON de colores; luego se construye dinámicamente un prompt específico que ordena a imagen-4.0-generate-001 diseñar un mockup moderno de sitio web empleando exactamente los hex generados. Beneficios de UX: conecta inspiración y aplicación real, y activa la creatividad mostrando de inmediato un uso práctico de la paleta.
3. UI y visualizaciones generativas Además de imágenes, la app utiliza los datos de color para crear visualizaciones en tiempo real: un degradado Blend para ver cómo interactúan los tonos y un lienzo creativo que genera arte abstracto con formas fluidas y capas, siempre único, impulsado por la paleta. Beneficios de UX: incrementa el placer estético y fomenta una conexión emocional al traducir datos de color en una pieza artística viva.
Más ejemplos visuales: galería y resultados
Envío original: @aref_vc en Twitter
Sobre Q2BSTUDIO
En Q2BSTUDIO diseñamos y desarrollamos aplicaciones a medida y software a medida que integran inteligencia artificial de forma responsable y productiva. Si tu empresa quiere llevar experiencias creativas como Animalette a producción, combinamos estrategia, diseño y tecnología para construir soluciones robustas end to end. Conoce cómo aplicamos inteligencia artificial e IA para empresas con agentes IA, visión, generación multimodal y automatización, todo orquestado para acelerar la toma de decisiones.
También te ayudamos a crear productos escalables con arquitecturas nativas en la nube y prácticas de seguridad avanzadas. Somos especialistas en ciberseguridad y pentesting, servicios cloud aws y azure, MLOps, servicios inteligencia de negocio y analítica avanzada con power bi, además de automatización de procesos y gobierno de datos. Si necesitas un equipo capaz de transformar una idea en un producto sólido y listo para mercado, descubre nuestro enfoque de desarrollo de aplicaciones a medida con performance, observabilidad y escalabilidad desde el día uno.
Conclusión
Animalette demuestra cómo una experiencia multimodal bien diseñada puede convertir la inspiración cromática de la naturaleza en prototipos utilizables y datos accionables. Con la combinación adecuada de modelos generativos y flujos encadenados, las paletas dejan de ser abstractas y se convierten en decisiones de diseño concretas que impulsan velocidad creativa y consistencia visual.