Tres redes neuronales dibujaron referencias web en cinco estilos: de fintech a Web 1.0

Las redes neuronales se están convirtiendo en una herramienta útil para los diseñadores web. El autor del blog StudyAI decidió comprobarlo en la práctica: creó activos web para cinco industrias completamente distintas usando tres modelos actuales de generación de imágenes. Los resultados fueron desiguales.

Tres modelos a prueba:

Grok Image 2, Flux 2 Pro, Nano Banana Pro

El autor eligió tres modelos populares: Grok Image 2, Flux 2 Pro y Nano Banana Pro. A cada uno se le pidió realizar las mismas tareas: crear activos web con requisitos precisos de estilo, paleta, tipografía y funcionalidad. No se trata solo de generar imágenes, sino de comprobar hasta qué punto las redes neuronales entienden los requisitos específicos de los diseñadores web.

14 ejemplos en cinco industrias

Esports y videojuegos (4 ejemplos):

• Panel HUD para un shooter de esports (futuristic minimalism, acentos neón cian, PNG transparente)
• Inventario de RPG estilo dark fantasy (marcos dorados, textura de pergamino, inspirado en Diablo)
• Botones móviles para un puzzle casual (formas tipo caramelo, gradientes brillantes)
• Botones Web 1.0 con animación (bordes 3D biselados, estética GeoCities, sprite sheet)

Fintech y banca (3 ejemplos):

• Dashboard de un exchange de criptomonedas (modo oscuro, gráficos de velas, glassmorphism, paleta monocromática)
• Tarjeta de transferencia bancaria (neumorphic soft UI, bordes redondeados de 24px, directrices de iOS)
• Onboarding de una app de inversión (3 pantallas, estilo isométrico, inspirado en Stripe)

Nostalgia Web 1.0 (1 ejemplo):

• Banners GIF 468x60 como en los 2000 (Comic Sans, Impact, "Under Construction" parpadeante, estética Y2K)

Ecología (3 ejemplos):

• Dashboard de huella de carbono (soft UI orgánico, verde salvia, estética Patagonia)
• Tarjetas de productos ecológicos para un marketplace (papel kraft reciclado, ilustraciones botánicas)
• Tracker móvil de reciclaje (flat lúdico, gamificación estilo Duolingo)

Servicios de AI (3 ejemplos):

• Interfaz de chat de un asistente de AI (animación de streaming, indicador de escritura, resplandor degradado en los bordes)
• Panel de control de un modelo de ML (gráficos de loss/accuracy, matriz de confusión, visualización de red neuronal)
• Onboarding de un generador de imágenes (campo de prompt, presets de estilo, anillo de progreso)

Resultados: dos modelos cumplieron a la perfección, uno falló

Grok 2.0 y Nano Banana Pro mostraron buen «ojo entrenado» y entregaron resultados aceptables prácticamente de inmediato. Ambos modelos comprendieron bien los requisitos estilísticos —desde el minimalismo hasta la nostalgia, desde el glassmorphism hasta la estética Y2K—. Los resultados se veían profesionales y listos para incluirse en un brief o incluso como base para el diseño final.

Flux 2 Pro, a pesar de su entrenamiento sólido y una buena lógica de generación, cometió errores frecuentes. El trabajo con texto resultó especialmente problemático: el modelo escribió varias veces en un idioma no identificado. Resulta extraño, porque Flux utiliza el principio de concordancia de flujos (flow matching), que debería manejar bien la lógica secuencial y las inscripciones de texto. Aun así, los errores obtenidos fueron sistemáticos.

Las redes neuronales demostraron una buena capacidad para generar elementos de interfaces web en el estilo deseado. Con su ayuda, un diseñador puede armar en una o dos horas un conjunto completo de referencias para cualquier proyecto —desde una startup fintech hasta un sitio web nostálgico sobre la Web 1.0—. Si se invierte tiempo en elaborar prompts más detallados y se destina presupuesto a una serie de generaciones, es posible obtener componentes listos para un sitio en producción.