Skip to content
UXClaim
Design Systems

Open Design

Open-source alternative to Claude Design. Generate web, desktop, mobile prototypes, slides, and images with AI coding agents—locally, with full control.

View source More in Design Systems

What it does

Open Design is a local-first, open-source design system that brings artifact-first AI design to your laptop. Instead of cloud-locked services, it auto-detects 16 coding-agent CLIs (Claude Code, Cursor, Copilot, Gemini, and 12 others) and routes design generation through them—no subscription, no vendor lock-in.

How it works

Describe what you need: “magazine-style pitch deck for seed round.” Open Design launches an interactive question form, lets you pick from curated visual directions, streams a live plan, builds a real on-disk project folder, and runs a five-dimensional self-critique before emitting a sandboxed prototype. Exports to HTML, PDF, PPTX, MP4, or ZIP—all happening locally.

Use cases

  • Rapid prototyping: Generate web, desktop, and mobile UI prototypes in seconds with brand-grade design systems (72 built-in)
  • Presentation decks: Create magazine-style slideshows with WebGL heroes and P0/P1/P2 checklists
  • Design systems documentation: Auto-generate design tokens, component libraries, and visual guidelines
  • Visual asset generation: Produce images and videos at scale with consistent brand direction

Who benefits

Design teams and individual practitioners who want AI-powered design without cloud dependency. Product designers exploring rapid iteration, design ops automating handoff workflows, and teams building custom design systems.

Frequently asked questions

How do I install Open Design?
Clone the GitHub repo, run `pnpm install`, then `pnpm tools-dev` to start the local daemon. Open Design auto-detects your installed coding agents (Claude Code, Cursor, Copilot, etc.)—if none are installed, use the BYOK proxy mode with your own API key.
What's the difference between Open Design and Claude Design?
Claude Design is cloud-only, proprietary, and locked to Anthropic's models. Open Design runs locally, is open-source, supports 16 different coding agents, stays on your machine, and lets you bring your own API keys. Same artifact-first mental model, zero lock-in.
Can I deploy Open Design to production?
Yes. The web layer deploys to Vercel. The daemon runs locally and communicates with your coding agents. You can self-host the entire stack with full control over data, models, and design systems.
How many design systems are included?
Open Design ships with 72 brand-grade design systems covering Material Design, Fluent, Apple HIG, custom enterprise systems, and more. Use them as templates or mix-and-match for rapid prototyping.
What file formats can I export?
Export prototypes as HTML, PDF, PPTX, MP4 video, or ZIP project folders. Slides and presentations support WebGL rendering for interactive hero sections.
Does Open Design require internet?
The local daemon runs offline. If using a cloud-hosted coding agent (Claude Code, Copilot), you'll need internet to call that agent. BYOK proxy mode depends on your chosen API provider.
Can I use my own design tokens and components?
Yes. Open Design is built around composable skills and custom design system integration. You can upload your brand guidelines, component library, and design tokens to guide generation.
Which coding agents are supported?
16 agents: Claude Code, Codex CLI, Devin for Terminal, Cursor Agent, Gemini CLI, OpenCode, Qwen Code, Qoder CLI, GitHub Copilot CLI, Hermes, Kimi CLI, Pi, Kiro CLI, Kilo, Mistral Vibe CLI, and DeepSeek TUI. Switch between them with one click.

Glossary

Artifact-first
A design workflow where the AI generates immediately usable outputs (prototypes, code, designs) rather than descriptions or wireframes. The artifact renders in real-time as the agent works.
BYOK (Bring Your Own Key)
A security model where you provide your own API credentials and authentication keys instead of relying on the vendor's infrastructure. Gives you full control and privacy over API calls.
Coding-agent CLI
A command-line interface for AI coding agents like Claude Code or GitHub Copilot that runs locally on your machine and can be integrated into workflows and automation pipelines.
Sandboxed preview
A secure, isolated environment (usually an iframe) where generated code and designs render safely without affecting your system or accessing sensitive data.
Design system
A collection of reusable design components, tokens (colors, typography, spacing), and guidelines that ensure consistency across digital products and brands.

More in Design Systems

All →
Design Systems

Arcade Prototyper

Build interactive HTML prototypes using DevRev's production design system and Arcade components in Claude Code.

asundiev-devrev
Design Systems

Awesome Design Skill

Access 54+ brand design systems (Linear, Apple, Stripe, Vercel) for Claude Code UI development with complete design specifications.