Open Design logo

Open Design

Free

🎨 Local-first, open-source Claude Design alternative. ⚡ 19 Skills · ✨ 71 brand-grade Design Systems 🖼 Generate web · desktop · mobile prototypes · slides · images · videos · HyperFrames 📦 Sandboxed preview · HTML/PDF/PPTX/MP4 export 🤖 Runs on Claude Code / Codex / Cursor / Gemini / OpenCode / Q

FreeFree tier
Inputs: codeOutputs: image
Type
Open Source
Company
Powerformer, Inc.

About Open Design

Open Design is an open-source, local-first AI design workspace that transforms coding agents like Claude Code, Codex, Cursor, and Gemini into a powerful design engine. It is agent-native, meaning it plugs into the agent you already run, and allows you to generate prototypes, landing pages, slide decks, dashboards, brand systems, and HTML videos directly on your machine. The tool features over 21 supported coding agents, 151 design systems, 217 plugins, and 80.5K GitHub stars. It is licensed under Apache-2.0 and built by Powerformer, Inc. Design artifacts are created from briefs, templates, or visual directions, and can be previewed in a sandboxed environment and exported as HTML, PDF, PPTX, or MP4. HyperFrames enables video creation from designs. Open Design is BYOK (bring your own keys) and supports local file access, Figma exports, and code repos. It learns user preferences over time through design system memory.

Key Features

Local-first, open-source design workspace (Apache-2.0)
Agent-native: works with Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen, and 21+ coding agents
151+ brand-grade design systems with portable DESIGN.md
Generate prototypes, landing pages, slide decks, dashboards, brand systems, and HTML video
Sandboxed preview with live editing of artifacts
Export to HTML, PDF, PPTX, MP4
HyperFrames for creating HTML videos from designs
Composable skills (21+ skills workflows) and memory that learns your preferences
BYOK (bring your own keys) and supports local files, Figma exports, and code repos
Desktop-native with full terminal execution power

Pros & Cons

Pros
  • Fully open-source with Apache-2.0 license
  • Local-first: no data leaves your machine unless you choose
  • Agent-agnostic: works with many popular coding agents
  • No vendor lock-in: BYOK and local execution
  • Rich library of 151+ design systems and 217+ plugins
  • Supports multiple output formats (HTML, PDF, PPTX, MP4)
  • Free tier available with limited trial credits
  • Active community with 80K+ GitHub stars and 340+ contributors
Cons
  • Free plan limited to trial credits (7-day validity); subsequent use requires paid plans
  • Team collaboration and enterprise features are not yet available
  • Requires users to have a compatible coding agent (e.g., Claude Code, Codex) installed locally
  • Some advanced hosted models only available on paid plans
  • Limited to design tasks; not a general-purpose AI assistant

Best For

Rapid prototyping of web, desktop, and mobile applicationsCreating professional slide decks and presentationsDesigning landing pages and marketing sitesBuilding and maintaining brand design systemsGenerating HTML videos for product demos or marketingConverting design briefs into runnable artifacts for engineering handoffVisualizing dashboards and data-driven interfaces

FAQ

What is Open Design?
Open Design is the official open-source AI design workspace from the nexu-io/open-design project. It turns a local coding agent — such as Claude Code, Codex, Cursor, Gemini CLI, OpenCode, or Qwen — into a design engine driven by composable skills and portable DESIGN.md systems.
Is Open Design official?
Yes. The canonical project lives at https://open-design.ai/ and the source is on GitHub at https://github.com/nexu-io/open-design.
How is Open Design different from Claude Design?
Claude Design is a hosted product tied to a single vendor. Open Design is local-first, open source under Apache-2.0, and BYOK: you bring your own agent, credentials, and DESIGN.md system.
Is Open Design an open-source Claude Design alternative?
Yes, Open Design is the open-source, local-first alternative to Claude Design, offering agent agnosticism, full local control, and a free tier.
What are Open Design model credits and how are they used?
Open Design model credits are a USD-denominated balance used for hosted models. Each hosted AI model call deducts from your balance by usage. BYOK calls to provider models do not consume credits. Each subscription grants a matching credit amount every billing cycle.
What is the Free plan's limited-time trial credit?
The limited-time trial credit is a free welcome benefit given to every new Open Design Cloud sign-up. It unlocks a trial pool of hosted models (currently Grok-4.5) for 7 days. After the trial credit expires, the Free plan reverts to local CLI plus BYOK.