Figma
Figma design platform integration. Access design files, extract component information, read design tokens, and...
CCCXGBCUPi
SkillMaxx / Design / Product Design
Product Design
The Product Design plugin is built for turning early ideas into prototypes teams can review. It starts design and build work by confirming the brief, then helps teams explore product directions, audit user flows, prototype from a live URL, and make static screenshots interactive.
- Last updated
- Hands-on tests
- Tested ✓ in 1 of 5
Install
Not yet tested
No official Claude Code instructions yet. We haven't found docs saying this works in Claude Code.
Know it works? Tell us →Tested ✓✓ Verified from docsOfficial docs ↗
codex plugin add product-design@openai-curatedTested ✓ on 2026-10-16: installed and loaded in a throwaway sandbox with no credentials.
Tested from a local mirror of the official openai/plugins marketplace, because the CLI reserves the official name for signed-in users.
Log excerpt
Added plugin `product-design` from marketplace `openai-plugins-mirror`. Installed plugin root: /home/sbx/.codex/plugins/cache/openai-plugins-mirror/product-design/0.1.52 $ verify: product-design@openai-plugins-mirror installed, enabled 0.1.52 /workspace/agents/codex-mirror/plugins/product-design
1 run, latest 2026-10-16
Not yet tested
No official Grok Build instructions yet. We haven't found docs saying this works in Grok Build.
Know it works? Tell us →Not yet tested
No official Cursor instructions yet. We haven't found docs saying this works in Cursor.
Know it works? Tell us →Not yet tested
No official Pi instructions yet. We haven't found docs saying this works in Pi.
Know it works? Tell us →README
View on GitHub ↗Product Design
Turn early product ideas, live URLs, and static screenshots into prototypes teams can review, refine, and carry forward.
When to use this plugin
Use Product Design when you want to understand an existing experience, explore a new direction, or create a prototype that people can interact with and review. You can start from a written brief, screenshots, a design image, a live URL, an existing prototype, or product references you have saved for future work, such as product URLs, Figma files, screenshots, codebase paths, or design tokens.
Get started
Try asking:
@Product Design Help me get started
The plugin will walk you through how to save useful product context such as product URLs, relevant Figma files, screenshots, codebase paths, Storybook links, tokens, and brand assets.
Already have a task in mind? Skip setup and ask for the workflow you need directly.
Example workflows
| Workflow | Try this | Skill | Result |
|---|---|---|---|
| Prototype a new idea | Build a clickable prototype for this product idea |
ideate → image-to-code |
Three visual directions to choose from, followed by a runnable prototype based on your selection |
| Recreate a live surface | Clone this URL into an editable prototype |
url-to-code |
An editable local prototype grounded in the visible source |
| Implement a selected design | Turn this selected mockup into a responsive prototype |
image-to-code |
A faithful, interactive implementation of the design you selected |
| Explore visual directions | Turn this product idea into three visual directions |
ideate |
Distinct concepts you can compare before choosing what to build |
| Redesign an existing screen | Redesign this settings screen and show me three directions before building |
ideate → image-to-code |
Three grounded redesign options, followed by a prototype only after you choose a direction |
| Audit a product flow | Audit this onboarding flow and identify the highest-impact UX and accessibility issues |
audit |
Screenshot-backed findings tied to the steps in the experience |
| Research user friction | Research the biggest UX problems users are reporting for this product |
research |
A source-grounded view of user pain, severity, confidence, and product opportunities |
| Critique a prototype | Critique this prototype and identify the highest-impact design issues |
audit |
An evidence-grounded UX, design, and accessibility review |
| Share a prototype | Share this prototype with the team |
share |
A working shareable URL after you choose a hosting target |
Preview from the source repo. Images are removed.
Similar alternatives
Creative Production
Explore campaign ideas, concept images, mood boards, product placements, ad directions, listing images, social...
CCCXGBCUPi
Higgsfield
Generate images and videos from a text prompt or your own photo. Turn a product shot into a video ad, restyle...
CCCXGBCUPi
Adobe
Adobe unlocks more ways to create and get work done from the conversation. Previously available as Photoshop,...
CCCXGBCUPi