Tutoriales
Guías paso a paso sobre diseñar y prototipar con Codex, seleccionadas de toda la web.
GPT Image 2 dentro de Codex — un flujo de trabajo frontend
Informe de experiencia construyendo UI con GPT Image 2 dentro de la App Codex: componentes en lenguaje natural, reutilización de marca consciente del repositorio, y comentarios a nivel DOM.
Hallmark — una habilidad de diseño para combatir UI generada por IA
Una habilidad Codex comunitaria que se instala en un comando y busca mantener la UI generada por IA consistente con tu gusto de diseño.
Figma design-to-code: comparativa de MCP, Codex y Kombai
Benchmark práctico de tres enfoques design-to-code usando la misma plantilla Figma en Figma MCP, Codex y Kombai.
Convierte Figma en código React usando Codex
Guía práctica paso a paso para usar Codex y generar componentes React escalables desde Figma, con puntos de control de refactorización y accesibilidad.
Codex Desktop — habilidades, plugins, automatizaciones
Un recorrido completo por las superficies de extensión de Codex Desktop, incluyendo una sección sobre integración de herramientas de diseño como Paper en el flujo de trabajo.
Diseñar frontends cautivadores con GPT-5.4
Guía de dirección de arte frontend de OpenAI: héroes de composición única, jerarquía centrada en marca, tipografía expresiva y moderación en dashboards.
Construye frontends responsivos con Codex
Guía oficial de OpenAI para transformar capturas de pantalla, especificaciones y activos de referencia en UI responsiva con Codex, incluyendo iteración visual impulsada por Playwright.
Construcción de interfaces de usuario frontend con Codex y Figma
Blog de Figma sobre la versión beta del servidor MCP — cómo sincronizar contexto de diseño entre Figma y generación de código con Codex.
Guardar flujos de trabajo como habilidades Codex reutilizables
Tutorial de OpenAI sobre cómo capturar flujos de trabajo de diseño e ingeniería repetibles con el patrón de creador de habilidades.
frontend-skill — Reglas de diseño seleccionadas por OpenAI
Repositorio oficial de habilidades frontend con reglas estrictas para composición de héroes, moderación de paneles y jerarquía centrada en marca.
Diseño con Codex CLI — perspectiva de un diseñador
Guía enfocada en diseño sobre la integración de Codex CLI, Figma MCP y Code Connect para convertir wireframes en interfaz de usuario lista para producción.
Habilidades del Agente Codex — descripción oficial
Referencia de OpenAI sobre qué son las habilidades de Codex, cómo se estructura SKILL.md y cómo organizar la invocación implícita y explícita de habilidades.