Generación de imágenes para diseño: qué sirve y qué no con IA
La generación de imágenes con IA sirve para moodboards, ilustraciones y conceptos, no para pantallas exactas. Cuándo usarla y qué revisar antes de publicar.
¿Qué es y qué no es un generador de imágenes?
Un generador de imágenes produce una imagen completa a partir de un prompt, y a veces de una imagen de referencia. El resultado es un mapa de píxeles: no trae capas, ni componentes, ni textos editables. Eso lo separa de las herramientas de diseño, donde cada elemento tiene posición, nombre y propiedades que puedes cambiar sin rehacer todo.
Esa diferencia define el uso. Un moodboard generado con IA es un buen punto de partida: te ayuda a decidir si la marca quiere luz cálida o fría, texturas de papel o de vidrio. Una pantalla generada con IA, en cambio, es un retrato de una pantalla, no una pantalla. Si alguien quiere mover un botón, hay que generar otra imagen o rehacerla a mano.
¿Por qué le importa a un diseñador?
Porque la imagen generada parece terminada, y eso engaña. Un texto ilegible o un botón que no existe se ven igual de pulidos que un acierto, y en una revisión rápida pasan.
El riesgo es concreto cuando la imagen representa tu producto. Las guías de revisión de la App Store (punto 2.3.3) piden que las capturas muestren la app en uso, no solo el arte del título, la pantalla de inicio de sesión o la de carga. Permiten superposiciones de texto e imagen sobre la captura, pero la captura tiene que ser de la app. Una pantalla inventada no cumple ese requisito.
Un artículo de Screenhance sobre generadores de mockups (2026) lo dice sin rodeos: el modelo puede inventar controles, textos, logotipos y detalles del hardware, y no conviene depender de él para reproducir la interfaz exacta ni el copy legible. Recomienda componer la interfaz real y poner el texto final por separado, y usar la IA para generar la mano, el escritorio o la luz alrededor de una captura verdadera.
¿Para qué tareas sirve y para cuáles no?
| Necesidad | Herramienta razonable | Qué revisar |
|---|---|---|
| Explorar estilo y ánimo | Generador de imágenes | Que las direcciones sean distintas entre sí |
| Ilustraciones de apoyo | Generador más retoque manual | Manos, perspectiva, texto inventado |
| Fondos y escenas para una captura real | Generador con la captura enmascarada | Que la pantalla no se altere |
| Pantalla editable o prototipo | Herramienta de diseño o generador de UI | Capas, componentes y tokens |
| Texto exacto (precios, legal) | Tipografía puesta a mano | Nunca dejarlo en manos del modelo |
Los generadores de UI, según Magic Patterns (un proveedor de estas herramientas), se entrenan con patrones de interfaz y pueden tomar componentes de tu biblioteca importada. Un generador de imágenes general como Midjourney, en cambio, “no entiende jerarquía de layout, flujo de usuario ni comportamiento de componentes”, según esa misma fuente. Si tu objetivo es una pantalla que el equipo pueda construir, empieza por design tokens y componentes reales, y deja la imagen para la atmósfera.
¿Cómo se usa paso a paso en un flujo de producto?
- Define para qué es la imagen. Concepto interno, ilustración publicada o fondo de marketing. El destino decide cuánto hay que revisar.
- Escribe una guía de estilo corta. Paleta, tipo de luz, encuadre, materiales y lo que no quieres ver. Guárdala junto al prompt; es lo que te permite repetir el resultado otro día. Para escribir buenos prompts, mira prompt engineering para diseñadores.
- Genera varias direcciones, no una. Pide variantes distintas y compáralas lado a lado antes de refinar.
- Elige y retoca. Quita textos inventados, corrige manos y perspectiva, y ajusta el color a la paleta de la marca.
- Pon lo exacto encima. Capturas reales, logotipo oficial y texto final van como capas aparte, no dentro de la imagen generada.
- Revisa la serie completa. Para una serie (por ejemplo, ilustraciones de onboarding), el problema no es una imagen buena, sino quince coherentes. Ese tema tiene su propio artículo: ilustraciones consistentes con IA.
- Revisa los términos de la herramienta antes de usar la imagen en un producto o en una campaña.
La imagen decide el tono; la interfaz la construyen los componentes del sistema de diseño de tu equipo.
¿Qué pasa con licencias, derechos y transparencia?
Tres preguntas antes de publicar:
- ¿Con qué se entrenó el modelo? Cada proveedor lo explica distinto. Adobe, por ejemplo, dice que entrena Firefly con contenido licenciado, como Adobe Stock, y con contenido de dominio público cuyo copyright expiró, y que no entrena con contenido de sus usuarios. Otros proveedores publican menos. Lee la política de la herramienta que uses.
- ¿Puedes reclamar derechos sobre el resultado? En Estados Unidos, la Oficina de Copyright concluyó en la parte 2 de su informe sobre IA (29 de enero de 2025) que, con la tecnología disponible, los prompts por sí solos no dan suficiente control humano para ser autor del resultado. Sí pueden protegerse las partes en las que hay aporte humano, como modificaciones o la selección y disposición de elementos, caso por caso. Otros países tienen reglas propias; si la imagen es un activo de marca, consúltalo con legal.
- ¿Hay que decir que la hizo una IA? Algunas herramientas agregan metadatos de procedencia. Adobe, por ejemplo, es miembro fundador de la Content Authenticity Initiative y usa Content Credentials para mostrar cómo se creó un contenido. Cuándo y cómo avisarlo a los usuarios se trata en avisar que algo lo hizo una IA.
¿Cuándo NO conviene?
No conviene cuando el texto debe ser exacto (legal, precios, instrucciones de seguridad), cuando la imagen representa un producto real que el cliente va a comprar, o cuando la marca exige ilustración propia y reconocible. Tampoco cuando necesitas una pantalla que el equipo vaya a construir: ahí la imagen solo agrega un paso de traducción. En esos casos, un ilustrador, una fotografía real o la herramienta de diseño siguen siendo la opción correcta.
Ejemplo
Ejemplo ilustrativo: un equipo de producto necesita una imagen de portada para un artículo de blog sobre pagos. Escribe una guía de estilo de tres líneas (luz suave, tonos verdes de la marca, sin personas), genera cuatro escenas y elige la de composición más limpia. La retoca para quitar un texto que el modelo inventó en una tarjeta de crédito. Encima coloca la captura real de la pantalla de pago, sin modificar, y el titular en la tipografía de la marca. Guarda el prompt y la guía en la carpeta del proyecto para la siguiente portada. Nadie publica una pantalla que no existe.
Errores comunes
- Publicar una captura de la app generada con IA, o con texto que el modelo inventó.
- Pedir a un generador de imágenes que reproduzca un design system exacto.
- Revisar cada imagen de una serie por separado y no el conjunto.
- No guardar el prompt y la guía de estilo, de modo que la siguiente sesión sale distinta.
- Olvidar la licencia y el origen de los datos de entrenamiento al usar la imagen en un producto.
- Dar por hecho que la imagen generada es tuya en exclusiva, sin revisar los términos ni la ley aplicable.
- Usar la imagen como interfaz final en lugar de como referencia visual.
Fuentes
- Apple App Store Review Guidelines, 2.3.3 (Screenshots)
- Screenhance: AI Mockup Generators in 2026: Where They Help and Where They Fail
- Magic Patterns: AI Mockup Generators
- Adobe: el enfoque de Adobe Firefly sobre IA generativa
- U.S. Copyright Office: Copyright and Artificial Intelligence, Part 2: Copyrightability (PDF)