Product Design plugin for Codex
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.
How to install Product Design in Codex
codex plugin add product-design@openai-curatedCommand format from the Codex CLI reference (codex plugin add <plugin[@marketplace]>); openai-curated is the marketplace name in OpenAI's catalog file. You need to be signed in to Codex. Source: Codex CLI reference.
Or in Codex CLI type /plugins and pick it from the OpenAI curated marketplace; in the ChatGPT desktop app, open the Plugins tab. Start a new session afterwards so the plugin's skills and tools load. (OpenAI plugin docs)
What it contains
Skills (10)
audit— Audit or critique a product flow, journey, workflow, funnel, onboarding path, checkout path, settings path, screen, or multi-step product experience by capturing screenshots first, then reporting UX, design, and accessibility findings inline from that…design-qa— Internal prototype QA helper. Use only after a Product Design prototype, URL-to-code build, or image-to-code build has a source visual target and a rendered implementation to compare before handoff. Do not use for broad UX critique, design critique, product…get-context— Mandatory design-brief gate for clarifying the product and outcome. Use before ideation, image-to-code builds, redesigns, or product UI work to clarify missing product information and play back the brief before proceeding.ideate— Generate image-based alternatives, remixes, or new design directions from a Product Design brief. Use when the user asks for design variants, visual exploration, remixes, or image-generated approaches from provided context.image-to-code— Implement a selected image, screenshot, mockup, or Image Gen reference as a faithful, responsive frontend.index— Use when Product Design is explicitly invoked, or when the user's main goal is to explore a design, research UX, audit or critique a flow, faithfully clone a visual source, check a built design, or share a prototype. Do not use Product Design for ordinary…research— Run fast, source-grounded UX research on the highest-signal problems users are experiencing with a user-specified digital product. Use when the user asks to research user pain, UX friction, onboarding issues, docs/help problems, developer experience…share— Share a runnable prototype using the user's preferred deployment tool.url-to-code— Clone a live URL as a runnable frontend-only local app.user-context— Load or manage Product Design's saved user context. Use when the user asks to set up Product Design, get started, onboard, save product or design sources, see what Product Design remembers, update saved context, or remember Product Design preferences…
Example prompts from the manifest
- Help me get started
- Turn this product idea into three visual directions
- Design a landing page for my business
About this listing
Product Design is in OpenAI's official curated Codex plugin catalog, published by OpenAI. It shows up in the Codex CLI plugin browser (/plugins) and in the ChatGPT desktop app's Plugins tab. From its files we found 10 skills. The manifest says version 0.1.52. It's one of 24 listings in the Creativity category. It also appears in best Codex plugins for design and UI, best Codex plugins for deployment and hosting, best Codex plugins for research.
Get new Codex plugins like Product Design every week
The weekly CodexStacks drop: what's new and updated in the directory, in one short email.
You'll get a confirmation email first. Unsubscribe anytime.
Product Design FAQ
How do I install Product Design in Codex?
Run codex plugin add product-design@openai-curated (format from the Codex CLI reference). Or in Codex CLI type /plugins and pick it from the OpenAI curated marketplace; in the ChatGPT desktop app, open the Plugins tab. Start a new session afterwards so the plugin's skills and tools load.
Is Product Design an official Codex plugin?
Yes. Product Design is in OpenAI's official curated Codex plugin catalog (marketplace openai-curated), published by OpenAI. It appears in the Codex CLI plugin browser and the ChatGPT desktop app's Plugins tab.
What does Product Design include?
From its files in OpenAI's plugin repo, Product Design includes 10 skills: audit, design-qa, get-context, ideate, image-to-code, index….
Details
- Type
- Plugin
- Category
- Creativity
- Source
- Official OpenAI curated
- Publisher
- OpenAI
- Version
- 0.1.52
- License
- Proprietary
- Sign-in
- Asks you to connect/sign in the first time you use it
- Keywords
- prototype, product design, prototyping, user experience, wireframes, design systems, figma, frontend, ux-research, ux-audit, accessibility-audit, research
- Source
- https://github.com/openai/plugins/tree/main/plugins/product-design
- Website
- https://openai.com/
- Listed in
- OpenAI catalog file
- Tested by CodexStacks
- Not yet
Something wrong or missing? Submit or improve this listing. Listings also refresh automatically every night.
For maintainers: badge and embeds
Maintain Product Design? Add the badge; it links to this page.
Markdown
[](https://codexstacks.com/p/product-design/)HTML
<a href="https://codexstacks.com/p/product-design/"><img src="https://codexstacks.com/badge.svg" alt="Listed on CodexStacks" width="172" height="28"></a>Embed card (static HTML and inline CSS, no JavaScript). Preview:
<a href="https://codexstacks.com/p/product-design/" style="display:block;max-width:380px;box-sizing:border-box;padding:14px 16px;border:1px solid #3a2c26;border-radius:12px;background:#0d0b0a;color:#f3ece6;font:14px/1.45 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-decoration:none"><span style="display:block;font-size:16px;font-weight:700;color:#f3ece6">Product Design</span><span style="display:block;margin:2px 0 8px;font-size:12px;color:#b5a9a1">Official Codex plugin · 10 skills</span><span style="display:block;margin:0 0 10px;color:#ddd3cc">Turn early ideas into prototypes teams can review. Explore product directions, audit user flows, research user…</span><span style="font-size:12px;font-weight:600;color:#ffb347">View on CodexStacks →</span></a>Markdown summary
**[Product Design on CodexStacks](https://codexstacks.com/p/product-design/)**: Official Codex plugin with 10 skills. Install: `codex plugin add product-design@openai-curated`More on badges, embeds and keeping your listing up to date: CodexStacks for plugin authors.
Also in Creativity
Adobe
Adobe unlocks more ways to create and get work done from the conversation. Previously available as Photoshop, the Adobe connector now brings creativity and productivity capabilities across Creative Cloud and Acrobat. Describe what you want to make or change, and Adobe can help turn ideas, images, videos, and documents into polished outputs — from editing photos and creating PDFs to designing social assets, resizing videos, searching Creative Cloud assets, and generating data-driven documents. Key capabilities: * Retouch portraits or edit photos in bulk: Drop in photos and describe the look you want — adjust color, lighting, and tone; remove distractions and generate new elements; apply Lightroom presets; remove backgrounds; blur, crop, resize, and expand images. * Design from template: Start from an Express template, update text and colors, and then animate for social media or convert to PDF. * Refine video for any platform: Upload a horizontal clip and ask to reformat it for YouTube Shorts, Instagram Reels, or any platform. You can also stitch clips into a single sequence. * Search and organize creative work: Describe what you're looking for and surface assets from your Creative Cloud library — by subject, style, mood, or content — without browsing folders. * Work with PDFs and documents: Create and convert polished PDFs and documents. * Create data-driven documents: Describe your output and provide your data — the connector turns raw data or content into formatted, shareable PDFs, including badges, cards, catalogs, and more. You can get started as a guest, and sign in with your Adobe account for more capabilities and tools, Creative Cloud storage, and saved work across sessions.
Canva
Bring your Canva design workflow into Codex and create, refine, and review designs through natural conversation. Available skills: Resize for social media: Adapt a design for Facebook, Instagram, and LinkedIn in one step. Bulk create: Generate multiple designs from spreadsheet data using a brand template. Edit designs: Update text, media, and formatting, or reposition and resize elements. Get design feedback: Receive structured feedback on visual hierarchy, layout, readability, consistency, and accessibility. Implement feedback: Review comment threads and apply clear, actionable changes. Brand check: Check colors, fonts, logo usage, and copy against your Brand Kit. Once installed, describe what you want in plain language or invoke Canva directly with @Canva. Try prompts like: - @Canva, resize this design for social media. - @Canva, create designs from this spreadsheet using my brand template. - @Canva, update the headline in this design. - @Canva, review this design’s visual hierarchy and readability. - @Canva, implement the feedback in the comment threads. - @Canva, check this design against my Brand Kit. Requirements: Connect your Canva account to use the plugin. Bulk Create requires an eligible Canva Enterprise plan. Want to take a more hands-on approach? Instantly open your design in Canva’s powerful editor for the final touches.
ChatCut
Download, install, open, connect, or repair the signed production ChatCut Desktop app so Codex can use its local video-editing tools and skills.
Creative Production
Creative Production helps marketers turn a brief, product image, offer, or existing asset into visual options the team can review. Use it to explore campaign ideas, concept images, mood boards, product placements, ad directions, listing images, social posts, and reusable styles. Start with a brief or image, compare the strongest options, then adapt the chosen direction for the channels you need.
Figma
Figma workflows for implementing designs in code, creating Code Connect templates for published Figma components, and generating project-specific design system rules for repeatable Figma-to-code work.
Higgsfield
Generate images and videos from a text prompt or your own photo. Turn a product shot into a video ad, restyle a photo, animate a still, or build a two-minute narrated explainer. Every major image and video model in one place.