OpenAI GPT-5.6 presenta sus capacidades de diseño con una propuesta audaz: "Con solo una dirección de alto nivel, GPT-5.6 crea interfaces elegantes, ergonómicas y funcionales."[1] Al parecer, este salto cualitativo en el criterio de diseño se debe a que puede inspeccionar y corregir su propio resultado renderizado. Como lo haría cualquier diseñador exigente. Así que probé GPT 5.6 dentro de Figma Make para generar UI comunes de apps y webs, rediseñar capturas de pantalla existentes y evaluar la fidelidad de un sistema de diseño. Luego lo enfrenté cara a cara con Fable 5 y Gemini 3.1 Pro para resolver un prompt en un solo intento. Juzga tú mismo con mis ejemplos de UI creados por GPT 5.6.
Nota: Figma Make solo muestra el nombre de la familia de modelos, es decir, GPT 5.6, pero no la versión exacta (Sol, Terra o Luna)[2].
Capacidades de diseño de UI de GPT 5.4 con ejemplos >
Text-to-UI con GPT 5.6
App de diario minimalista (Móvil)
Prompt
"Diseña la pantalla de inicio de una app de diario minimalista para móvil: un espacio tranquilo y acogedor con un fondo suave tipo papel, un saludo cálido en la parte superior, una llamada a la acción (CTA) atractiva para 'Nueva entrada' con estilo de tarjeta/caja abierta (no un simple botón) y un pequeño indicador de racha discreet en la parte inferior. Que sea espacioso y que nada compita con el CTA de entrada."
Diseño obtenido
Tiempo: ~1 min | Créditos: 26
Agradablemente minimalista. Francamente, más minimalista que la UI de la app Calm que tenía en mente al escribir el prompt. GPT 5.6 captó mi descripción a la perfección. Me impresionó mucho su decisión de diseño de hacer de la caja de escritura/CTA la pieza central. Todo lo demás está al servicio de eso y no se incluye nada que no aporte valor.
Explora y edita la UI de la app Calm con IA >
Analítica de redes sociales maximalista (Escritorio)
Prompt
"Diseña un panel de control de vendedor de comercio electrónico muy completo para escritorio. Debe dar al vendedor claridad instantánea sobre el rendimiento de su tienda hoy: ritmo de ventas, flujo de pedidos y cualquier cosa que requiera atención urgente como stock bajo o devoluciones. Con muchos datos, densidad real de herramienta empresarial, pero lo suficientemente organizado para que no se escape nada importante."
Diseño obtenido
Tiempo: ~2 mins | Créditos: 34
Aquí el diseño de GPT 5.6 me genera sentimientos encontrados. Inventó conjuntos de datos contextualmente correctos sin que yo fuera explícito. La distribución del diseño también es limpia y resulta familiar, lo cual valoro positivamente. Sin embargo, cuando pedí que '...nada importante se escape', esperaba un panel con códigos de color sin resultar chillón. Pero el resultado se siente como un primer borrador demasiado conservador.
Comparación de UI de e-shops entre alternativas a Squarespace >
Flujo de onboarding multipantalla
Prompt
"Diseña un flujo de onboarding multipantalla (en 5 pantallas) para una app de audiolibros en móvil. Debe guiar al nuevo usuario desde el 'por qué usar esta app' hasta la elección de su primer audiolibro para empezar a escuchar, generando entusiasmo real por comenzar. Moderno, enérgico, pero lo suficientemente tranquilo como para transmitir confianza para crear un hábito de escucha."
Diseño obtenido
Tiempo: ~5 mins | Créditos: 34
Este me hizo flipar con la UX de GPT 5.6. Realmente tomó un briefing impreciso y clavó cada pantalla del flujo de onboarding con la inteligencia que promete. La pantalla de compromiso de escucha diaria se lleva la mejor nota para mí. Aunque se siente algo oscura para ser una app de audiolibros, no me importa porque eligió los otros tonos de acento para transmitir una energía tranquila.
Pero estoy notando su inclinación por los elementos de diseño circulares. También estaba en la app de diario minimalista.
Explora y edita la UI de onboarding de Blinkist >
Screenshot-to-UI con GPT 5.6
Los diseñadores a menudo, en lugar de diseñar desde cero, buscan inspiración en sitios como Mobbin y rediseñan la UI de una app existente para adaptarla. Para evaluar con qué inteligencia GPT 5.6 puede entender una captura de pantalla, captar sus estilos de diseño y editarla, decidí introducir una nueva pantalla de función en la UI de Perplexity, en modo oscuro.
Prompt
"Paso 1: Convierte esta pantalla de inicio de Perplexity a modo oscuro. Añade también un cuarto icono a la barra de navegación inferior para 'Quiz', que coincida con el estilo existente.
Paso 2: Diseña la pantalla de Quiz que abre este icono: una fila de botones de temas en la parte superior, que da paso al quiz de hoy abajo: una pregunta de geografía con una tarjeta de imagen fotorrealista. Abajo, muestra una racha y una tabla de clasificación que solo sea parcialmente visible."
Diseño obtenido
Tiempo: ~3 mins | Créditos: 34
De inmediato veo fallos en la fidelidad de diseño de GPT 5.6. La pantalla de inicio queda completamente desconfigurada en lugar de replicada. Además, falló en toda la tipografía e iconografía. La pantalla de la función de quiz está genial y la imagen es decente. También generó las pantallas oscuras como se pidió. Pero no sirve para lo que quería, así que, lamentablemente, es una decepción aquí.
Fidelidad a Sistemas de Diseño de GPT 5.6
Además de las herramientas de diseño con IA, otra práctica común en 2026 es el Design MD: un archivo markdown que contiene los tokens de cada decisión de diseño de una marca. Sabiendo que no se puede confiar al 100% en GPT 5.6 para leer tokens de una captura de pantalla, decidí darle uno directamente (el de Claude) para construir encima (una comunidad de vibe coding).
Prompt
"Siguiendo el sistema de diseño adjunto como referencia estricta, diseña una app móvil llamada Forge: una comunidad y red de portafolios para vibe coders donde compartir proyectos, encontrar trabajo y conectar. 4 pantallas: Feed (actualizaciones de proyectos de la comunidad), Portafolio (proyectos del propio usuario), Empleo (ofertas relevantes para vibe coders) y Perfil/Ajustes.
Incluso donde necesites inventar nuevos componentes, NO te desvíes de los design tokens del archivo MD proporcionado."
Diseño obtenido
Tiempo: ~2 mins | Créditos: 42
Después de la decepción anterior, estas pantallas fueron un alivio. Esta vez GPT 5.6 entendió los design tokens mucho mejor y diseñó desde cero alineado con el prompt. Su elección de color de fondo y acentos para los destacados se siente como una app de la familia Anthropic. Las funciones de pantalla y las distribuciones también son perfectas. Dicho esto, todavía no es una réplica exacta de Claude tal como lo conocemos.
Usa un generador de sistemas de diseño gratis >
Diseño interactivo de GPT 5.6
La propia presentación que hace OpenAI del diseño de GPT 5.6 se enfoca en el diseño interactivo en lugar de estático: un videojuego, una calculadora, una pantalla de inicio animada... funciones antes que las webs estáticas (y espectaculares). Así que ejecuté un prompt en Figma Make –con GPT 5.6 configurado como builder– para que me creara una página de inicio de viaje interactiva.
Prompt
"Diseña una pantalla de app del clima llamada '2day'. Muestra la temperatura y condiciones actuales, una franja de pronóstico por horas, una perspectiva de 5 días y estadísticas de apoyo como humedad, viento e índice UV. Completa los detalles y textos como convenga. En cuanto a la dirección estética, busca un aspecto inmersivo y cinematográfico que refleje el propio clima actual, no un panel genérico. Superficies degradadas y translúcidas (estilo glassmorphism) con tipografía moderna y un solo color de acento que resalte todo."
Diseño obtenido
Tiempo: ~1.5 mins | Créditos: 32
En términos de diseño no va muy lejos, pero en cuanto a animación sí tiene movimiento y también un efecto paralaje. Nada deslumbrante, la verdad. Aun así, le doy el beneficio de la duda a GPT 5.6, ya que siento que fue una limitación del propio IDE de Figma Make, que restringe la interactividad a algo básico.
Cómo usar Figma Make como un pro >
GPT 5.6 vs Fable 5 vs Gemini en UI
Los dos modelos de IA favoritos para UI/UX en 2026 han sido: Fable 5 de Anthropic y Gemini 3.1 PRO de Google. Con la llegada de GPT 5.6 de OpenAI a la carrera, preparé el terreno para ver de qué eran capaces los tres con el mismo prompt en un solo intento.
Estoy ejecutando GPT 5.6 en Figma Make, Fable 5 en Claude Design y Gemini 3.1 PRO en Banani AI.
Prompt (idéntico para los tres, sin referencias)
"Diseña una pantalla de app del clima llamada '2day'. Muestra la temperatura y condiciones actuales, una franja de pronóstico por horas, una perspectiva de 5 días y estadísticas de apoyo como humedad, viento e índice UV. Completa los detalles y textos como convenga. En cuanto a la dirección estética, busca un aspecto inmersivo y cinematográfico que refleje el propio clima actual, no un panel genérico. Superficies degradadas y translúcidas (estilo glassmorphism) con tipografía moderna y un solo color de acento que resalte todo."
Diseño obtenido (los tres lado a lado)
Por un lado, lo tomo como una señal de que los nuevos modelos de IA son mejores. Por el otro, los tres procesaron los prompts con la misma precisión. Dicho esto, considerando la capacidad de las tres herramientas de diseño de IA que utilicé, siento que los dos modelos más recientes (GPT 5.6 y Fable 5) tienen una clara ventaja sobre el diseño de Gemini 3.1 PRO.
Prueba Banani AI UI Designer gratis >
Veredicto: ¿Es GPT 5.6 bueno para UI/UX?
Sí, tras analizar GPT 5.6 para UI/UX puedo decir que es realmente bueno diseñando. Puede diseñar de forma sólida desde cero y resolver briefs imprecisos inventando detalles inteligentes y contextuales. Tiene un instinto estético alto que compite bien con Fable 5 y Gemini 3.1 Pro. Donde falla, sin embargo, es al seguir instrucciones estrictas de fidelidad. Y algunos en Reddit critican los diseños repetitivos llenos de tarjetas de GPT 5.6[3]. Me quedo con la idea de que GPT 5.6 es un diseñador lobo solitario (y con mucho talento).
Si quieres UI generada rápido, gratis y más fiel al prompt desde el primer intento, empieza con Banani.
Preguntas frecuentes sobre GPT 5.6 para diseño de UI/UX
¿Cómo acceder a GPT 5.6 en Figma?
En Figma Make, abre el desplegable de modelos en la barra de prompts y selecciona "GPT-5.6". No se necesita ninguna integración externa. También puedes cambiar el modelo a mitad del proyecto desde la caja de chat de IA abajo a la izquierda.
¿Cuál es la mejor manera de usar GPT 5.6 para diseño de UI/UX?
Para un frontend real de nivel de producción, OpenAI sugiere usar Codex con Sol seleccionado, combinado con conocimientos de frontend, un sistema de diseño definido e imágenes de referencia reales. Para una maqueta visual rápida, el selector de modelos de Figma Make es la vía rápida.
¿Cuánto cuesta usar GPT 5.6 para diseño web?
Depende de dónde uses GPT 5.6 para diseñar. Si lo usas dentro de Figma Make, consume del mismo sistema de créditos de Figma AI (mínimo $20). Por experiencia, he notado que el diseño de una sola pantalla en Figma Make con GPT 5.6 puede costar entre 30 y 50 créditos según la complejidad. Si lo usas en Codex, simplemente consume tu saldo de créditos de IA según tu suscripción.
Referencias
[1] https://openai.com/index/gpt-5-6/
[2] https://www.figma.com/blog/gpt-5-6-is-now-available-in-figma-make/
[3] https://www.reddit.com/r/OpenAI/comments/1us2t1t/already_disappointed_with_gpt_56_sol_frontend/
