[c]codexplugin hubSubmit an asset
DirectoryPluginsProduct Design
Plugin / OpenAI

Product Design Codex Plugin

Explore and prototype ideas.

Docs reviewedChecked 2026-09-20Runtime not tested

What it adds

Turn early ideas into prototypes teams can review. Explore product directions, audit user flows, research user friction, prototype from a live URL, and make static screenshots interactive. Start with a written brief, URL, screenshot, or existing design, then compare visual directions before building. Use available browser, Figma, Canva, image generation, and hosting tools to gather references, create concepts, review the result, and carry the work forward with your team.

prototypeproduct designprototypinguser experiencewireframesdesign systemsfigmafrontend

Get set up

  1. Open Plugins in Codex and search for this plugin.
  2. Install it and complete any account authorization it asks for.
  3. Start a new thread to use it.
/plugins
Review before running
Read the installation source

Before you install

    Compatibility & limitations

    Documented for ChatGPT desktop app, Codex CLI, ChatGPT web

    Cursor: Not confirmed for Cursor.

      This listing is based on source documentation. We have not installed or runtime-tested this asset.

      How it fits together

      Test Driven Development · SkillUse when implementing any feature or bugfix, before writing implementation code.Web Artifacts Builder · SkillSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS,...Figma Code Connect Components · SkillConnects Figma design components to code components using Code Connect mapping tools.Adobe · PluginDesign, combine, and edit.Canva · PluginCreate, review, edit designs.Game Studio · PluginDesign, prototype, and ship browser games.

      Sources & provenance

      Reviewed 2026-09-20. Source revision: main (mutable; commit not pinned).