Cómo diseñar con IA en WordPress sin perder tu criterio
Cómo pedirle a la IA que diseñe contigo: las fases del proceso y los 10 mandamientos de diseñar con IA.
Artículo basado en mis charlas «Del prompt al negocio online» (WordCamp Zaragoza 2026) y «Cómo integrar la IA en el proceso de diseño para WordPress» (Meetup Granada 2026).
Cuando alguien prueba a diseñar con inteligencia artificial y no le sale, casi siempre repite las mismas frases: que se inventa cosas, que no le entiende, que hace propuestas genéricas, que le hace perder el tiempo. Yo también lo he pensado más de una vez. Pero cuando me paro a revisar qué ha pasado de verdad, el fallo rara vez está en la máquina. Está en el encargo.
De eso van estas charlas: de cómo pedirle a la IA que diseñe contigo, dentro de un flujo de trabajo real con WordPress, sin dejar de lado tu criterio de diseño.
La IA cabe en todo el proceso, no solo en la parte de crear la interfaz
La primera idea que quiero asentar es que la IA no sirve para un momento aislado del diseño. Podemos apoyarnos en ella a lo largo de todo el proceso de una web con WordPress: para investigar al usuario y al mercado, para definir la estructura de las páginas y el flujo de navegación, para trabajar la arquitectura de contenido, para generar textos e imágenes, para montar prototipos con los que validar, para la implementación y hasta para las pruebas y los ajustes finales.
Ahora bien, que quepa en todas las fases no significa que rinda igual en todas. En cada una la usamos de una manera distinta.
Qué necesitamos para diseñar con IA
Para conseguir buenos resultados a lo largo de ese recorrido, trabajamos sobre tres pilares.
El primero es verbalizar las decisiones de diseño: convertir tus intenciones visuales y funcionales en instrucciones claras y específicas que la IA pueda ejecutar. Si no sabes decir lo que quieres, la IA no puede adivinarlo.
El segundo es conocer el modelo: entender sus capacidades, sus límites y sus manías. Lo mínimo para aprovecharlo sin frustrarte cada dos por tres.
El tercero, y el que más pesa, es mantener el criterio profesional. La IA no valida tus objetivos de negocio, no conoce a tus usuarios reales y no asume ninguna responsabilidad sobre el resultado. Ese trabajo sigue siendo tuyo, y no se delega.
La anatomía de un buen prompt te va a sonar
Aquí viene la parte que suele sorprender al público. Cuando desglosamos lo que necesita un buen prompt para diseñar una interfaz, aparecen siete elementos: el contexto del proyecto, el usuario objetivo, el tono de comunicación, la estructura y la jerarquía, los estilos visuales concretos, las referencias y restricciones, y los criterios de éxito.
Si te fijas, esto es lo mismo que le pedimos a un cliente en la toma de requisitos para hacer el briefing. No estamos aprendiendo un idioma nuevo: estamos aplicando el que ya usamos, solo que ahora el interlocutor es una máquina.
Y esto tiene una consecuencia práctica muy concreta. Si le damos a la IA las especificaciones que de todos modos tenemos que definir, podemos centrarnos en la estrategia del diseño y dejarle a ella las tareas más tediosas de construir la interfaz. El criterio se queda de tu lado; la ejecución pesada se va al suyo.
De un prompt débil a uno fuerte
Un ejemplo rápido para que se vea. Si le pides «diseña una web para un curso de WordPress», te devolverá algo genérico y previsible. La cosa cambia por completo cuando le das el objetivo (atraer a creadores de contenido a un curso intensivo), el usuario, el tono de tu marca, la estructura por secciones (un hero que ataque el punto de dolor, qué aprenderás, para quién es, precio y llamada a la acción), los estilos concretos y un par de referencias visuales.
La diferencia entre un prompt débil y uno fuerte es la misma que hay entre un briefing vago y uno bien hecho. Y esa diferencia la marcas tú, no la herramienta.
La IA en el mundo real: los tropiezos y lo que enseñan
En las charlas montamos un concurso con el público para repasar los problemas que aparecen de verdad en cuanto te pones a diseñar con IA. Te resumo lo que sacamos.
Cuando le pides un cambio pequeño y te rehace media interfaz, lo que ha fallado es que no le indicaste qué debía dejar intacto. La solución pasa por acotar el alcance: «cambia el color del botón y mantén todo lo demás igual».
Cuando el diseño se degrada tras varios ajustes, lo que se ha acumulado son decisiones contradictorias sin un marco claro. La inconsistencia se suma iteración tras iteración, así que conviene fijar el objetivo antes de empezar a iterar.
Cuando el diseño sale bien pero el copy suena a agencia («Unlock Your Potential», «Transforma tu negocio hoy»), lo que falta son ejemplos del tono de voz de tu marca. La IA rellena con lo genérico cuando no le das lo específico.
Cuando le pides que lo haga «más moderno y profesional» y te devuelve degradados y glassmorphism idénticos a todos los proyectos de IA que has visto, tu prompt fue vago y la herramienta tiró de sus opciones por defecto. Los adjetivos abstractos no diseñan; las referencias concretas sí.
Cuando la IA se inventa información, lo hace porque completa patrones estadísticos y, por defecto, no verifica fuentes. Por eso los datos hay que comprobarlos siempre.
Cuando sientes que te hace perder el tiempo, revisa tus prompts: los enunciados demasiado abiertos generan iteraciones infinitas. La especificidad, aquí, es lo que ahorra horas.
Cuando tras muchas vueltas el proyecto se convierte en un Frankenstein incoherente, suele funcionar mejor abrir una conversación nueva con un prompt consolidado que resuma lo aprendido, en vez de seguir con retoques sueltos. Y cuando en una conversación larga la IA olvida lo que decidisteis al principio, lo que ha pasado es que se ha superado la ventana de contexto.
Un par de apuntes finos más. Para un hero, una referencia visual o una descripción espacial concreta pesa más que cualquier instrucción abstracta sobre tono. Y con el vibe coding (herramientas como Lovable) para el frontend de un WordPress headless, el problema serio llega al exportar a producción: pierdes la interfaz visual y te quedas con un código que no puedes mantener. Esa es la trampa de dependencia de muchas herramientas no-code, y conviene valorarla antes de meterte en el jardín.
Los 10 mandamientos de diseñar con IA
- No confiarás ciegamente en la IA: verifica siempre datos, contenido sensible y decisiones críticas.
- No delegarás el pensamiento de diseño: en los componentes complejos, la IA asiste y tú decides.
- No dejarás que la IA homogeneice tu trabajo: traduce tu marca, tu tono y tus referencias en instrucciones claras.
- No pedirás cambios sin control: define qué debe cambiar y qué debe quedarse intacto.
- No escribirás prompts vagos: escribe objetivos, límites y criterios de éxito específicos.
- No empezarás por lo visual: primero la estructura y la experiencia de usuario, después el estilo.
- No iterarás sin método: agrupa los cambios por bloques (estructura, contenido, estilo, detalle).
- No mantendrás conversaciones infinitas: resetea con resúmenes claros y un prompt maestro.
- No perseguirás el 100% con la IA: al 95%, remata a mano.
- No dependerás de herramientas que no controles: prioriza lo que puedas mantener tú o tu equipo.
Dominar la IA es saber leer el error
Vuelvo al principio. Todas esas quejas («se inventa cosas», «no me entiende», «hace cosas genéricas», «me hace perder el tiempo», «no me fío para un proyecto serio») apuntan a la herramienta, pero el origen suele estar en otro sitio.
Dominar la IA es aprender a distinguir de qué tipo es cada error: si es un problema de criterio, de prioridades, de instrucciones, o de capacidad real del modelo. Cuando sabes clasificarlo, dejas de pelearte con la máquina y empiezas a trabajar con ella.
Y por eso mismo, no dejes de aprender a diseñar. La IA rinde mejor cuanto más sabes tú de diseño.
Ideas clave
- La IA acompaña todo el proceso de diseño en WordPress, pero se usa de manera distinta en cada fase.
- Un buen prompt es, en realidad, una toma de requisitos: contexto, usuario, tono, estructura, estilo, referencias y criterios de éxito.
- El criterio profesional no se delega: la IA no valida el negocio ni conoce a tus usuarios reales.
- La mayoría de los fallos nacen de las instrucciones o del criterio, antes que de la propia herramienta.
Vídeo de la charla
Arriba, la versión más completa (Meetup Granada). También existe la de la WordCamp Zaragoza.
Diapositivas
Descarga la presentación (PDF).
Te lo ha contado
Ana Cirujano
Soy diseñadora y ayudo a negocios online a fortalecer su marca, mejorar la experiencia de usuario y obtener mejores resultados.
