Una IA dibuja referencias web en cinco estilos: del fintech al Web 1.0

En Habr ha aparecido un experimento de generación de referencias de diseño web con IA. El autor crea assets para cinco temáticas: videojuegos, fintech, estética Web 1.0, ecología y servicios de IA. La publicación se presenta como un primer ensayo, y la palabra «convencionales» figura directamente en el anuncio. Es un planteamiento honesto: se trata de material para inspirarse y armar moodboards, no de sustituir a un diseñador.

En la parte abierta del artículo no aparecen nombres de modelos, versiones ni textos de prompts. Por eso, a continuación no analizamos los resultados del autor, sino qué comprueba exactamente este conjunto de temáticas y cómo se suele trabajar con ellas.

Por qué se eligieron precisamente estos cinco estilos

El conjunto está pensado para sacar del modelo lenguajes visuales lo más distintos posible. Cada temática arrastra su propio vocabulario de formas, color y tipografía:

• Videojuegos. Fondos oscuros, neón o texturas de fantasía, acentos agresivos, grandes imágenes hero.
• Fintech. Paleta contenida, mucho aire, tarjetas, gráficos, sensación de confianza y orden.
• Web 1.0. Marcos, botones con degradado, tablas apretadas, fuentes por defecto. El modelo tiene que imitar una estética que hoy nadie diseña en serio.
• Ecología. Texturas naturales, verde suave y tonos tierra, formas orgánicas, fotografías en lugar de ilustraciones.
• Servicio de IA. Degradados, resplandores, motivos «neuronales» abstractos. Aquí el modelo corre el riesgo de entregar un cliché que ya hemos visto cientos de veces.

La pareja más interesante es Web 1.0 y servicio de IA. La primera mide la precisión de la estilización; la segunda muestra si el modelo es capaz de alejarse de la imagen más trillada de la IA.

Dónde suelen tropezar los modelos generativos

El diseño web es más difícil que la ilustración por tres razones. La primera es el texto. Los titulares, las etiquetas de los botones y los menús de las imágenes generadas suelen convertirse en pseudoletras. La segunda es la retícula. El modelo dibuja algo «parecido a un sitio web», pero la alineación, los márgenes y la jerarquía a menudo se rompen si se mira con atención. La tercera es la coherencia. Con cinco imágenes de un mismo proyecto cuesta conseguir un conjunto unificado, con colores, esquinas redondeadas e iconos comunes.

Por eso conviene tratar estos resultados como materia prima. Se puede aprovechar una composición, una combinación de colores o un ambiente, y montar a mano el texto, la retícula y los componentes en Figma o en código.

Cómo aplicarlo en el trabajo

Si quiere repetir el experimento, empiece por una fórmula de prompt: temática, tipo de página (landing, dashboard, catálogo), ambiente, paleta, época o género de referencia. Pida bloques sueltos, por ejemplo una sección hero o una tarjeta de tarifa, y no el sitio entero. Así es más fácil controlar los detalles.

Después, fije los parámetros que funcionen y reutilícelos en todas las variantes: el mismo formato y la misma descripción de iluminación y paleta. Eso aumenta las probabilidades de lograr un estilo común.

Y una última cosa. No evalúe la belleza de la imagen, sino el tiempo. Si en 20 minutos ha obtenido diez direcciones para discutir con el cliente, la herramienta ha cumplido, aunque ninguna maqueta sirva para producción. Conviene consultar los resultados completos, las herramientas utilizadas y los prompts del autor en el original de Habr: allí se verá hasta qué punto resultó convincente cada una de las cinco temáticas.