Prompting para diseñadores: cómo pedir a la IA copies, nombres de secciones y estructuras de página

Antes del prompt: lo que la IA necesita saber

Antes de abrir la herramienta y escribir como loco, piensa que la IA diseña tan bien como tú se lo expliques. Si tú eres vago con el contexto, la IA también lo será con el resultado.
Incluye siempre en tu prompt, aunque sea en 2–3 líneas:

• Tipo de proyecto: web corporativa, SaaS, portfolio, ecommerce, landing de campaña.
• Público: quién es, qué sabe, qué le preocupa.
• Objetivo principal: vender, conseguir leads, que navegue contenido, que pruebe una demo.
• Tono: cercano, técnico, desenfadado, institucional, etc.

Por ejemplo:

“Estoy diseñando una landing para un SaaS de facturación para autónomos creativos en España. Quiero un tono cercano pero profesional y el objetivo es que pidan una demo gratuita.”

Prompting para copies que no suenen a robot

Cuando pedimos textos a la IA, el error típico es: “Escríbeme el texto de una web de diseño web moderno y profesional”. Resultado: lorem ipsum pero con palabras.
Algunos principios rápidos:

• Pide siempre varias versiones cortas, no un único texto largo.
• Define la pieza concreta (hero, claim, microcopy de botón, bullet points).
• Controla el tono con 2–3 adjetivos, no con un párrafo entero.
• Pide que mantenga brevedad o límites de caracteres.

Por ejemplo:

“Genera 5 propuestas de titular + subtítulo para el hero de una landing de un SaaS de facturación para autónomos creativos en España. Tono cercano pero profesional, sin frases grandilocuentes. El titular debe tener máximo 7 palabras, el subtítulo máximo 18. No uses palabras vacías tipo ‘innovador’, ‘revolucionario’, ‘solución integral’.”
Tip: después, puedes afinar con un segundo prompt tipo “combina la fuerza del titular 2 con la claridad del subtítulo 4, manteniendo la longitud”.

Microcopy: botones, errores y estados vacíos

La IA es especialmente buena generando variaciones de microcopy. Aprovecha eso.
Prompts útiles para microcopy:

• “Genera 10 textos distintos para un botón de CTA cuyo objetivo es reservar una demo. Tono directo, sin imperativos agresivos, máximo 3 palabras.”
• “Sugiere 5 mensajes de error para un formulario de registro cuando el email es inválido. Tono amable, sin culpar al usuario, una frase corta.”
• “Dame 5 ideas de microcopy para un estado vacío de dashboard, explicando qué verá cuando empiece a usar el producto.”

Luego eliges tú, como diseñador, qué encaja mejor con la jerarquía visual y el tono de la marca.

Nombres de secciones que alinean negocio y UX

Otra tarea donde la IA brilla es en poner nombre a secciones, apartados y menús, partiendo del objetivo de la página.
En lugar de pedir “Nombres de secciones para una web”, estructura así:

• * Explica muy brevemente qué contenido tendrá cada sección.
• * Indica el tipo de web y el tono.
• * Pide varias opciones por sección.

Por ejemplo:

“Estoy diseñando la home de un estudio de diseño UX/UI. Tendré estas secciones:

• 1. Qué hacemos: explicamos servicios de diseño de producto digital.
• 2. Casos reales: mostramos 3 proyectos con resultados.
• 3. Cómo trabajamos: proceso en 4 pasos.
• 4. Sobre el equipo.
• CTA final para agendar llamada.
  CTA final para agendar llamada.

Verás que salen cosas tipo “Lo que diseñamos”, “Proyectos que ya están funcionando”, “Así trabajamos contigo” que te sirven como base. Tú filtras y ajustas.
Tip: si la IA se pone demasiado marketiniana, añade “Evita clichés de marketing tipo ‘soluciones a medida’, ‘socios estratégicos’ o similares”.

Estructuras de página: usar la IA como copiloto de wireframes

Aquí no quieres que la IA “diseñe” por ti, sino que te proponga esqueletos de página sobre los que luego tú aplicarás criterio de UX y visual.
Cuando pidas estructuras, piensa en bloques, no en píxeles.
Incluye en el prompt:

• Tipo de página: home, ficha de producto, pricing, landing de campaña, blog post, etc.
• Fase del usuario: frío (no te conoce) vs caliente (ya conoce el producto).
• Qué tiene que pasar antes de que haga clic en la acción principal.

Ejemplo de prompt para estructura de landing:

“Dame una propuesta de estructura en bloques para una landing de captación de leads de un software de gestión de proyectos para pequeñas agencias creativas. Público: dueños de pequeñas agencias 3–10 personas, con poco tiempo. Objetivo: que pidan una demo. Usuario frío (no conoce la marca). Escribe la estructura como una lista numerada de secciones, indicando para cada una: propósito, contenido sugerido y tipo de componente (hero, grid, testimonio, comparativa, FAQ, etc.). No entres en diseño visual.”
La IA te devolverá algo tipo:

• Hero con titular de problema + CTA.
• Sección “Qué te quita de encima” con 3 bullets.
• Bloque de capturas del producto.
• Testimonio con resultado cuantificado.
• Comparativa “antes / después”, etc.

Tú decides qué mantienes, qué reordenas y qué fusionas.

Afinar prompts como parte del proceso de diseño

Igual que un wireframe nunca sale perfecto a la primera, un buen prompt tampoco. Incorporar a la IA en tu flujo significa iterar con ella.
Un mini proceso que funciona muy bien:

• Prompt inicial con contexto + objetivo.
• Mirar resultados, marcar lo útil, lo que no encaja y lo que falta.
• Segundo prompt de refinado: “Ajusta X, elimina Y, añade Z”.
• Tercer prompt, si hace falta, para adaptar al tono de marca concreto.

Ejemplo de refinado:

“Del listado de secciones que has generado, elimina todo lo que suene a grandes empresas, recuerda que hablamos a autónomos creativos. Reduce el número de secciones a máximo 6, priorizando claridad y rapidez para entender el beneficio.”
Piensa en la IA como en alguien que no se cansa de reescribir. Tu valor está en decidir qué se publica y cómo encaja con la experiencia global.

Errores típicos de diseñadores al usar IA (y cómo evitarlos)

Algunos tropiezos que veo a menudo cuando usamos IA en diseño digital:

• Pedir “ideas genéricas” y luego quejarse de que son genéricas. Sin contexto no hay magia.
• Dejar que la IA decida el tono de la marca. El tono lo marca la marca (tú), no la herramienta.
• Copiar y pegar textos tal cual. Siempre revisa, recorta y simplifica pensando en la interfaz.
• Usarla tarde, cuando ya tienes todo maquetado. Es más útil al principio, para explorar opciones rápidas.

En resumen, trata los outputs como material bruto, igual que cuando haces un brainstorming en papel. La IA te da cantidad; tú decides la calidad y el encaje.