Plugin de OpenDesign para Codex/ChatGPT

Introduce la siguiente instrucción en cualquier tarea de tu aplicación de escritorio de ChatGPT

/goal Read https://open-design.ai/codex-plugin/ to install OpenDesign for Codex and set up a new task for me.

Instálalo una vez. Crea desde Codex/ChatGPT.

Conoce primero el espacio de trabajo completo de Codex y OpenDesign y, después, sigue la secuencia real desde la instalación hasta el resultado.

Una tarea real de Codex que usa el plugin de OpenDesign junto al sitio web terminado de la cafetería Goodfield
Tarea real de Codex El prompt, la transferencia a OpenDesign, los archivos generados y el sitio web terminado permanecen visibles en un único espacio de trabajo.
  1. 01 Instalar

    Pide a Codex que lo instale

    Pega esta instrucción en una tarea de Codex. Codex añade la fuente canónica del marketplace de Git, instala el plugin solo si falta y completa la configuración del MCP local sin exigir que esté publicado en un catálogo público.

    /goal Read https://open-design.ai/codex-plugin/ to install OpenDesign for Codex and set up a new task for me.
  2. 02 Usar

    Inicia una nueva tarea de Codex

    Cuando Codex termine la instalación, abre el plugin de OpenDesign instalado en la nueva tarea y elige «Try now» para empezar.

    Pantalla real del plugin de OpenDesign en Codex con el botón Try now
  3. 03 Crear

    Escribe el brief de diseño

    Menciona OpenDesign y describe el entregable, el contenido, la dirección visual y los requisitos de adaptación a distintas pantallas.

    Prompt real de Codex que pide a OpenDesign crear el sitio web acogedor de una cafetería de barrio
  4. 04 Crear

    Sigue la transferencia en tiempo real

    Codex confirma la dirección, crea el proyecto y transfiere el trabajo a OpenDesign mientras los archivos aparecen en tiempo real.

    Espacio de trabajo real de Codex y OpenDesign mientras se genera el sitio web de la cafetería de barrio
  5. 05 Crear

    Revisa el resultado

    La misma tarea devuelve la landing page adaptable de la cafetería Goodfield, las imágenes generadas y los archivos editables.

    Landing page terminada de la cafetería de barrio Goodfield, generada mediante el plugin de OpenDesign en Codex

Empieza con el prompt exacto.

Selecciona OpenDesign en el menú de plugins de Codex, describe lo que quieres crear y sigue refinándolo desde la misma tarea. Codex muestra la mención del plugin como una etiqueta de OpenDesign.

Landing page de producto de Oryzo con una base de corte táctil y un objeto de corcho

Lanzamiento de producto

@open-design Create a tactile product launch page for Oryzo, a sustainable rice-husk material. Use a cutting-mat grid, cork-toned product photography, oversized typography, technical labels, and a warm editorial layout.
Landing page del evento OpenDesign Osaka con un mapa tipográfico

Página de evento

@open-design Create an event landing page for OpenDesign Osaka. Lead with a typographic map of Japan, restrained ivory and olive colors, the date and location, speaker details, and a clear registration action.
Sitio web de producto editorial y oscuro de Fable 5

Sitio editorial

@open-design Create a dark editorial website for Fable 5. Use a near-black canvas, small navigation, a bold serif headline, restrained white typography, and subtle interactive controls.
Interfaz de cronología de modelos de OpenDesign sobre un lienzo luminoso

Historia interactiva

@open-design Create an interactive release story for OpenDesign 0.9.0. Visualize a model timeline on a bright canvas with floating cards, connecting lines, color-coded labels, and responsive horizontal exploration.

Preguntas antes de instalar

Codex mantiene el control de la tarea. OpenDesign se encarga del flujo de trabajo visual.

  1. ¿Qué añade el plugin a Codex?

    Proporciona a Codex un flujo de trabajo de OpenDesign para crear sitios web, presentaciones, prototipos y sistemas de diseño. El plugin se conecta al OpenDesign MCP local para gestionar briefs, proyectos y la generación de entregables.

  2. ¿Qué productos de Codex son compatibles?

    El paquete actual es compatible con Codex Desktop y Codex CLI. Codex es el primer entorno compatible.

  3. ¿Qué necesito antes de instalarlo?

    Usa Codex CLI 0.144.6 o una versión posterior y OpenDesign 0.17.0 o una versión posterior. Instala OpenDesign antes de registrar su MCP local.

  4. ¿Por qué necesito una nueva tarea de Codex?

    Codex carga las capacidades del plugin y del MCP al iniciar una tarea. Una nueva tarea detectará el plugin OpenDesign Cloud recién instalado.

  5. ¿La ventana de OpenDesign debe permanecer abierta?

    No. El MCP local registrado puede iniciar el entorno firmado de OpenDesign en segundo plano cuando sea necesario.

Lleva OpenDesign a tu próxima tarea de Codex/ChatGPT.

Instala el plugin, conecta el MCP local e invoca @open-design.

OpenDesign Desktop

Un sistema de diseño. Tu marca, coherente en cada resultado

En el Vibe Design Workspace completo, aplica las mismas reglas de marca a sitios web, presentaciones, prototipos interactivos, dashboards, imágenes y vídeo HTML. Conecta Codex, Claude Code, Cursor y otros agentes de código locales y crea gratis.

  • Web, presentaciones, prototipos, dashboards, imágenes y vídeo
  • Más de 140 sistemas de diseño y la biblioteca completa de plantillas y skills
  • Codex local y más de 21 agentes de código · Gratis
Descargar gratis

Disponible para macOS y Windows