Diseñar con la IA: plantear la intención

El diseñador no desaparece, cambia de herramienta

Empecemos despejando el miedo clásico: no, la IA no sustituye al diseñador. Sustituye una parte del trabajo de ejecución — producir variantes, escribir el CSS de una sombra, derivar una paleta — pero no sustituye ni el gusto, ni el contexto, ni la responsabilidad del resultado. Cuando el cliente de Studio Mango mire la landing mañana por la mañana, te juzgará a ti, no al modelo.

Este cambio se parece a lo que la fotografía vivió con lo digital: la cámara hace el enfoque, pero sigue siendo el fotógrafo quien elige el encuadre, la luz y el instante. Con la IA, tu oficio se desplaza hacia arriba (formular una dirección clara) y hacia abajo (filtrar, criticar, afinar). El medio — la producción en bruto — se acelera por un factor de diez.

Consecuencia directa: la calidad de lo que obtienes depende casi por completo de la calidad de lo que formulas. Un briefing difuso produce un resultado difuso. Un briefing preciso y con personalidad produce una propuesta que te sorprende para bien. Todo este capítulo trata de esa competencia: plantear la intención.

Intención, no receta

Hay dos maneras de hablarle a una IA de diseño. La primera es la receta: « pon un botón azul #3B82F6 de 44 px de alto con un border-radius de 8 px ». Funciona, pero solo usas la IA como una máquina de escribir CSS — haces todo el trabajo de concepción tú mismo, y te privas de sus propuestas.

La segunda es la intención: « un CTA que inspire confianza para una app de bienestar, sobrio, premium, relajante ». Ahí describes la emoción buscada y el uso, y dejas que el modelo lo traduzca en decisiones visuales. Quizá proponga un verde salvia profundo con una tipografía generosa — algo que no habrías especificado, pero que reconoces como acertado. La IA propone, tú eliges. Sigues siendo el director artístico.

La buena práctica consiste en mezclar los dos niveles: la intención para la dirección global, y restricciones precisas allí donde ya has decidido (el color de marca impuesto por el cliente, una tipografía con licencia, un formato de imagen). Todo lo que no está restringido se convierte en espacio de propuesta. Es exactamente como dar un briefing a un diseñador junior con talento: encuadras el porqué, dejas margen en el cómo.

Aprender a nombrar lo que ves

Para formular una intención, hace falta vocabulario. Es la competencia oculta del diseño con IA: cuanto mejor sepas nombrar las cosas, más eficaces serán tus prompts. « Quiero que respire » se convierte en « aumenta el espaciado vertical entre las secciones a 96 px mínimo ». « Está hecho un lío » se convierte en « la jerarquía visual es confusa: el título, el subtítulo y el CTA se disputan la atención ».

Algunas nociones que debes dominar sí o sí, porque aparecen en casi todos los intercambios de diseño: la jerarquía visual (¿qué ve el ojo primero, segundo, tercero?), el contraste (de color, de tamaño, de grosor — es él quien crea la jerarquía), el ritmo vertical (la regularidad de los espaciados que hace una página tranquila o caótica) y la densidad (la cantidad de información por pantalla). Cuando criticas un resultado con esas palabras, la IA entiende exactamente qué corregir.

Buena noticia: la IA puede ayudarte a adquirir ese vocabulario. Muéstrale una interfaz que admires y pide « descríbeme lo que funciona en este diseño en términos de jerarquía, contraste, espacio y tipografía ». Obtienes un análisis argumentado — y las palabras para formular tus próximos briefings.

Las referencias valen más que mil palabras

Describir un estilo desde cero es difícil, incluso para un diseñador con experiencia. Las referencias resuelven el problema: en lugar de explicar abstractamente « premium y relajante », citas productos cuyo ADN visual es conocido. La IA conoce las grandes direcciones artísticas de los productos célebres — Apple, Stripe, Linear, Notion, Headspace — y sabe qué los caracteriza.

El matiz importante: nunca cites una referencia sin precisar qué tomas de ella. « Como Apple » es ambiguo — ¿la generosidad de espacio? ¿la fotografía de producto? ¿el tono? Sé quirúrgico: « la generosidad de espacio de Apple, la suavidad de color de Headspace, la tipografía nítida de Linear ». Tres señales precisas que el modelo fusiona en una dirección coherente, en lugar de una imitación servil de un solo producto.

Dirección artística para una app de meditación:
- la generosidad de espacio de Apple
- la suavidad de color de Headspace
- la tipografía nítida de Linear
A EVITAR: degradados chillones, sobrecarga, efecto « plantilla IA genérica ».

Reformula esta dirección en 3 frases que servirán de referencia para todo el resto del proyecto, y propón 3 adjetivos que resuman el ambiente.

Decir lo que hay que evitar

Aquí está la palanca más infravalorada del briefing: la lista de prohibidos. Los modelos de IA tienen hábitos estadísticos — decisiones visuales que producen por defecto porque están sobrerrepresentadas en sus datos: degradados violeta-azul, emojis en los títulos, tarjetas con sombras blandas todas idénticas. Si no los excluyes explícitamente, los obtendrás.

Una lista « a evitar » actúa como un filtro negativo extremadamente potente. « Sin degradados chillones, sin emojis, sin sobrecarga » descarta de entrada el 80 % de los resultados genéricos. Suele ser más eficaz que apilar adjetivos positivos, porque los prohibidos son binarios y verificables: o hay un emoji en el título, o no lo hay.

Construir el briefing de dirección artística

Juntémoslo todo. Un buen briefing de dirección artística cabe en cinco bloques: el contexto (qué producto, qué público, qué objetivo de negocio), la emoción buscada (tres adjetivos como máximo, si no todo vale igual), las referencias (dos o tres, con lo que tomas de cada una), las restricciones duras (color de marca, accesibilidad, formato) y los prohibidos. Cinco bloques, una decena de líneas — es corto, y es a propósito: un briefing de una página que nadie lee vale menos que un briefing de diez líneas que todo el mundo recuerda.

flowchart TD
  C["Contexto: producto, público, objetivo"] --> E["Emoción: 3 adjetivos máx."]
  E --> R["Referencias: 2-3 productos + lo que tomas de cada uno"]
  R --> K["Restricciones duras: marca, accesibilidad"]
  K --> I["Prohibidos: la lista antigenérico"]
  I --> B["Briefing de dirección artística"]
  B --> P["Todos los prompts del proyecto"]

CONTEXTO: landing page para Sereno, app de meditación destinada a profesionales urbanos estresados. Objetivo: conversión hacia la prueba gratuita.
EMOCIÓN: calma, premium, confianza.
REFERENCIAS: generosidad de espacio de Apple, suavidad de color de Headspace, tipografía nítida de Linear.
RESTRICCIONES: contrastes AA mínimo, mobile-first, sin fotos de stock.
PROHIBIDOS: degradados violetas, emojis en los títulos, sombras blandas genéricas, sobrecarga.

Reformula este briefing en una dirección artística de 3 frases, y lista 5 decisiones visuales concretas que se derivan de ella.

El papel del humano: filtrar, arbitrar, asumir

La IA genera rápido, pero genera todo con el mismo aplomo: lo brillante y lo mediocre. Tu trabajo consiste en filtrar. Ante tres propuestas, pregúntate: ¿cuál sirve mejor al objetivo (aquí, la conversión hacia la prueba gratuita)? ¿Cuál es coherente con la marca? ¿Cuál sobrevivirá a seis meses de evolución del producto? Ese juicio no se delega.

Hay también una cuestión de responsabilidad. Si la paleta generada tiene un contraste insuficiente y los usuarios con baja visión no pueden leer la página, no es « culpa de la IA » — es tuya. Si la landing se parece a tres competidores porque aceptaste el primer resultado sin cuestionarlo, lo mismo. La IA es una socia, no una coartada. Eso es lo que separa un diseño memorable de un patchwork de ideas bonitas: alguien, en algún lugar, asumió decisiones.