Plugin de Open Design para Codex/ChatGPT

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

Read open-design.ai/codex-plugin to install the Open Design plugin 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 Open Design y, después, sigue la secuencia real desde la instalación hasta el resultado.

Una tarea real de Codex que usa el plugin de Open Design junto al sitio web terminado de la cafetería Goodfield
Tarea real de Codex El prompt, la transferencia a Open Design, 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 lee las instrucciones de instalación del repositorio y configura el plugin y el MCP local sin depender de que esté publicado en un marketplace.

    Read open-design.ai/codex-plugin to install the Open Design plugin 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 Open Design instalado en la nueva tarea y elige «Try now» para empezar.

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

    Escribe el brief de diseño

    Menciona Open Design 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 Open Design 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 Open Design mientras los archivos aparecen en tiempo real.

    Espacio de trabajo real de Codex y Open Design 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 Open Design en Codex

Empieza con el prompt exacto.

Selecciona Open Design 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 Open Design.

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 Open Design Osaka con un mapa tipográfico

Página de evento

@open-design Create an event landing page for Open Design 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 Open Design sobre un lienzo luminoso

Historia interactiva

@open-design Create an interactive release story for Open Design 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. Open Design se encarga del flujo de trabajo visual.

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

    Proporciona a Codex un flujo de trabajo de Open Design para crear sitios web, presentaciones, prototipos y sistemas de diseño. El plugin se conecta al Open Design 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 Open Design 0.17.0 o una versión posterior. Instala Open Design 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 Open Design Cloud recién instalado.

  5. ¿La ventana de Open Design debe permanecer abierta?

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

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

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

Open Design 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, Windows y Linux