Open Design plugin for Codex/ChatGPT

Enter the instruction below into any task in your ChatGPT desktop app

Read open-design.ai/codex-plugin to install the Open Design plugin and set up a new task for me.

Install once. Create from Codex/ChatGPT.

See the complete Codex and Open Design workspace first, then follow the real install-to-result sequence.

A real Codex task using the Open Design plugin alongside the finished Goodfield cafe website
Real Codex task The prompt, Open Design handoff, generated files and finished website stay visible in one workspace.
  1. 01 Install

    Ask Codex to install it

    Paste this instruction into a Codex task. Codex reads the repository’s install lane and completes the plugin and local MCP setup without relying on a public marketplace listing.

    Read open-design.ai/codex-plugin to install the Open Design plugin and set up a new task for me.
  2. 02 Use

    Start a fresh Codex task

    After Codex finishes the installation, open the installed Open Design plugin in the new task and choose “Try now” to begin.

    The real Open Design plugin detail screen in Codex with a Try now button
  3. 03 Create

    Write the design brief

    Mention Open Design, then describe the artifact, content, visual direction and responsive requirements.

    A real Codex prompt asking Open Design to create a warm neighborhood cafe website
  4. 04 Create

    Follow the live handoff

    Codex confirms the direction, creates the project and hands the work into Open Design while files appear live.

    A real Codex and Open Design workspace while the neighborhood cafe website is being generated
  5. 05 Create

    Review the result

    The same task returns the responsive Goodfield café landing page, its generated images and editable files.

    The finished Goodfield neighborhood cafe landing page generated through the Open Design plugin in Codex

Start with the exact prompt.

Select Open Design from Codex’s plugin menu, describe the artifact and keep refining from the same task. Codex renders the plugin mention as an Open Design chip.

Oryzo product landing page with a tactile cutting mat and cork object

Product launch

@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.
Open Design Osaka event landing page with a typographic map

Event page

@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.
Fable 5 dark editorial product website

Editorial site

@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.
Open Design model timeline interface on a bright canvas

Interactive story

@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.

Questions before you install

Codex stays in control of the task. Open Design handles the visual workflow.

  1. What does the plugin add to Codex?

    It gives Codex an Open Design workflow for websites, slides, prototypes and design systems. The plugin connects to the local Open Design MCP for briefs, projects and artifact generation.

  2. Which Codex products are supported?

    The current package supports Codex Desktop and Codex CLI. Codex is the first supported host.

  3. What do I need before installing?

    Use Codex CLI 0.144.6 or newer and Open Design 0.17.0 or newer. Install Open Design before registering its local MCP.

  4. Why do I need a new Codex task?

    Codex loads plugin and MCP capabilities when a task starts. A fresh task picks up the newly installed Open Design Cloud plugin.

  5. Does the Open Design window need to stay open?

    No. The registered local MCP can start the signed Open Design runtime headlessly when it is needed.

Bring Open Design into your next Codex/ChatGPT task.

Install the plugin, connect the local MCP and invoke @open-design.

Open Design Desktop

One design system. Every output unmistakably your brand

Inside the full Vibe Design Workspace, use the same brand rules across websites, slide decks, interactive prototypes, dashboards, images, and HTML video. Connect Codex, Claude Code, Cursor, and other coding agents already on your computer, then create locally for free.

  • Web, slides, prototypes, dashboards, images, and video
  • 140+ design systems, plus the full template and skill library
  • Connect local Codex and 21+ coding agents · Free to use
Download free

Available for macOS, Windows, and Linux