Saltar al contenido
Codex DesignBETA

GPT Image 2.6 para diseño UI.

OpenAI lanzó ChatGPT Images 2.6 el 4 de noviembre de 2026, con dos nuevos modelos en la API: GPT-Image-2.6 Flare y Sunburst. Para el trabajo de UI, los cambios útiles son las imágenes de referencia, la exportación a SVG, los GIF animados y las ediciones guiadas por marcas. Esto es lo que cambió y cómo aprovecharlo en mockups de apps y sitios web.

Actualizado el 6 de noviembre de 2026 · 7 min de lectura

Novedades de GPT Image 2.6

  • Disponible en ChatGPT y Codex. Según OpenAI, Images 2.6 está disponible en ChatGPT y Codex en todos los planes, en la web, el escritorio y el móvil.
  • Imágenes de referencia y GIF. El lanzamiento añade GIF animados e imágenes de referencia a ChatGPT Images.
  • Dos modelos en la API. gpt-image-2.6-flare es el modelo más pequeño, para flujos en los que la velocidad es lo más importante. gpt-image-2.6-sunburst es el modelo base, para más detalle y ediciones precisas. OpenAI dice que Flare puede generar una imagen en apenas seis segundos.
  • Nuevos formatos de salida. Además de PNG, JPEG y WebP, las generaciones pueden devolver svg y gif. Ambos modelos admiten fondos transparentes.
  • Ediciones guiadas por marcas. Al editar, puedes subir una capa transparente, por ejemplo con un círculo alrededor de un elemento, y describir el cambio.
  • Un ajuste de complejidad. complexity (low, medium o high) controla cuánto planifica el modelo antes de renderizar. Ambos modelos usan high por defecto.

Flare vs Sunburst

ModeloIdeal paraEn diseño de UI
GPT Image 2.6 FlareVelocidadExplorar rápido muchas ideas de layout o estilo
GPT Image 2.6 SunburstDetalle y ediciones precisasImágenes finales de mockups, texto pequeño de la UI, editar un elemento sin cambiar el resto

El consejo de migración de OpenAI: si usabas GPT Image 2.5 Flare, empieza con 2.6 Flare; si usabas 2.5 Sunburst, empieza con 2.6 Sunburst. Si Sunburst alcanza tu nivel de calidad, prueba Flare con el mismo prompt y compara.

Cómo usarlo para diseño UI

  • En ChatGPT: pide el mockup en un chat y adjunta referencias si las tienes.
  • En Codex: describe la imagen o incluye $imagegen para llamar de forma explícita a la skill de generación de imágenes. Adjunta una imagen de referencia para orientar el resultado.
  • Con la API: llama al endpoint de generación de imágenes con gpt-image-2.6-flare o gpt-image-2.6-sunburst.

La recomendación de OpenAI para vistas previas de interfaces: describe el producto como si ya existiera, céntrate en el layout, la jerarquía, el espaciado y elementos de interfaz reales, y evita el lenguaje de concept art para que el resultado parezca una interfaz publicada y no un boceto. Pon entre comillas cualquier texto exacto.

Prompts para mockups de UI

Si quieres 42 más, consulta la colección completa de prompts de GPT Image 2.6 para diseño UI.

Una pantalla de app móvil

Mockup de app móvil
Crea un mockup realista de la UI de una app móvil para [una app de hábitos de lectura]. Muestra la pantalla de inicio de un usuario recurrente: un encabezado con un saludo, un anillo de progreso grande para el objetivo de hoy de 20 minutos, el libro actual con el progreso de páginas, un botón principal que diga "Empezar una sesión de 6 minutos" y una barra de pestañas inferior con Hoy, Biblioteca, Estadísticas, Perfil. Fondo crema, acciones en verde oscuro, un acento coral, tipografía clara y decoración mínima. Debe parecer una app real y publicada. Pantalla de iPhone, sin marco de dispositivo.

Un hero de landing page en tres direcciones

Heroes de landing page
Crea tres secciones hero de landing page para escritorio para [una app de facturación para freelancers], con el mismo titular "Cobra 9 días antes." y los mismos dos botones, en tres estilos: editorial cálido con titular serif, oscuro y contundente con un único acento lima, suave y cercano con tarjetas redondeadas. UI realista, solo el texto exacto, 16:9, sin marco de dispositivo.

Un dashboard

Mockup de dashboard
Crea una UI realista de dashboard web para [una tostadora de café]: navegación en una barra lateral izquierda, cuatro tarjetas de KPI (suscripciones activas 1284; bolsas enviadas 642; bajas 2.1%; ingresos US$38.4k), un gráfico de barras con los envíos semanales de 8 semanas y una lista de los tuestes de esta semana con etiquetas de estado. Paleta tranquila y cálida, jerarquía clara, elementos de interfaz reales. 16:9.

Un set de iconos SVG (API)

Configura output_format="svg" y background="transparent" al llamar a la API y usa un prompt como este:

Set de iconos SVG
Un set de seis iconos de línea sencillos para la barra de pestañas de una app: inicio, biblioteca, estadísticas, perfil, búsqueda, ajustes. Trazo uniforme de 2px, extremos de línea redondeados, un solo color, sin texto, espaciados de forma regular en una fila.

Una microinteracción en GIF

GIF animado
Una animación corta en bucle de un botón móvil al pulsarlo: el botón "Añadir al carrito" se reduce un poco, se vuelve verde y muestra una marca de verificación, y luego vuelve a su estado normal. Estilo de UI plano, fondo blanco, sin texto adicional.

Edita un elemento con marcas

Dibuja un círculo alrededor del elemento que quieres cambiar en una capa transparente del mismo tamaño que la imagen y describe solo ese cambio:

Edición con marcas
Cambia solo el botón marcado con el círculo: dale el estilo principal, con fondo verde oscuro sólido y la etiqueta blanca "Continuar". Deja todo lo demás de la pantalla exactamente igual.

De la imagen a una pantalla real

Un mockup en imagen es solo una imagen: no puedes hacer clic en él, cambiar su tamaño ni publicarlo. Cuando tengas una dirección que te guste, pídele a Codex que la reconstruya en HTML:

De imagen a HTML
Reconstruye la imagen de mockup adjunta como un único archivo HTML autocontenido a [390×844], con CSS en línea y fuentes del sistema. Reproduce exactamente el layout, el espaciado, los colores y el texto. Dibuja los iconos y las ilustraciones con HTML y CSS.

En un lienzo de Codex Design, la imagen generada y la versión HTML quedan lado a lado, para que compruebes que coinciden y luego edites visualmente las fuentes, los colores y el espaciado. Para el flujo completo, consulta cómo crear mockups de UI con IA.

Preguntas frecuentes

¿GPT Image 2.6 es gratis?

OpenAI dice que Images 2.6 está disponible en ChatGPT en todos los planes, también en la web, el escritorio y el móvil. Los límites de uso dependen de tu plan. El uso de Flare y Sunburst en la API se factura según los precios de la API de OpenAI.

GPT Image 2.6 vs 2.5: ¿cuál uso?

Para un flujo de UI nuevo, empieza con 2.6. OpenAI hace corresponder 2.5 Flare con 2.6 Flare y 2.5 Sunburst con 2.6 Sunburst, y recomienda compararlos con los mismos prompts, referencias, tamaño y calidad.

¿GPT Image 2.6 puede crear mockups de UI?

Sí. La guía de prompts de OpenAI incluye las vistas previas de interfaces como caso de uso. Los resultados son imágenes, así que revisa el texto pequeño y el espaciado, y reconstruye en código la dirección elegida cuando quieras una pantalla real.

Sigue leyendo

Un plugin independiente para Codex. No está afiliado a OpenAI ni cuenta con su respaldo.