OpenDesign

What is OpenDesign?

OpenDesign is an open-source desktop workspace that uses coding agents to generate and refine HTML prototypes from text descriptions. It connects to local agents such as Claude Code or Codex, a user-supplied API key, or hosted models on OpenDesign Cloud. The free desktop app requires no account when using local agents or your own API key, while hosted model access requires a paid plan.

What are the features of OpenDesign?

• Agent-generated prototypes

  A connected coding agent writes working HTML screens into the project based on a text description and a selected design system.
• Direct visual editing

  Users can move, resize, and edit elements, text, color, spacing, and alignment directly without regenerating the prototype.
• Design system integration

  Over 150 open-source design systems can be applied or created from a website, GitHub repo, or Figma file to control styling.
• Team commenting

  Prototypes can be published as share links or opened in a shared workspace where teammates click through screens and leave comments.
• File export

  Projects export as standalone HTML, PDF, PNG, or editable PowerPoint for decks; there is no Figma export.
• Extension skills

  Community skills add capabilities for research, content, design, and delivery, which users can customize or create.

What are the use cases of OpenDesign?

• Team design review

  Share a generated prototype link so teammates can click through screens and leave comments that are sent back to the agent as a single revision task.
• Custom-branded prototyping

  Import a design system from a Figma file or website so the agent applies specific colors, type, and components to every generated screen.
• Handoff to engineering

  Export the finalized prototype as HTML files or hand the project folder directly to a coding agent for further development.

How to use OpenDesign?

1. Connect an agent

   Sign in to OpenDesign Cloud or connect a local coding agent such as Claude Code or Codex installed on your computer.
2. Generate a prototype

   Choose a design system and describe the screens so the agent writes a working HTML prototype into the project.
3. Preview and refine

   Review the live preview and adjust the output by asking the agent again or editing elements directly.
4. Share for feedback

   Publish the prototype to a team workspace or share link so teammates can click through and comment on the design.
5. Revise and export

   Send the collected comments back to the agent for revision, then export the files as HTML or PDF or hand them to engineering.

OpenDesign Pricing Information:

• Free desktop app

  Full application access with a local coding agent or your own API key at no cost from OpenDesign; no account required. Your agent subscription or provider bills usage separately.
• Plus, Pro, and Max

  Paid plans adding hosted models on OpenDesign Cloud with monthly model credits, plus publishing and share links.
• Team

  Shared workspace for projects, design systems, and plugins with owner, admin, and member roles, priced per seat.
• Promotional offer

  $8 first month including $220 usage credit; standard Plus up to $220/month and Go Plus up to $310/month.