Open Design
Local-first open-source design agent for prototypes, decks, dashboards, images, video, and agent-driven design systems.
Open Design is a local-first, open-source design agent and desktop studio from nexu-io. It turns coding agents and model routers into a design workflow for web, desktop, mobile prototypes, live dashboards, slide decks, images, videos, and reusable design systems.
Quick start
Install and run Open Design from the command line.
git clone https://github.com/nexu-io/open-design.git && cd open-design && corepack enable && pnpm install && pnpm tools-dev run web od mcp install codex cd deploy && cp .env.example .env && docker compose up -d Independent product showcase
OpenAgent.bot turns official project sources into a practical product page: what it is, why it matters, how to test it, and where to verify the facts.
Product lens
Open Design matters because it moves AI design work out of a closed chat surface and into an inspectable, local-first workflow. Builders can connect Claude Code, Codex, Cursor, OpenCode, OpenClaw, Qwen, Copilot, Hermes, Kimi, and other CLIs, then generate artifacts that can be previewed, exported, and handed back to engineering.
Agent-native design workflow
Open Design connects coding agents, model routers, skills, design systems, and previews into one studio for generating artifacts.
It lets teams evaluate AI design as an engineering workflow instead of a closed black-box canvas.Many artifact types
The project targets prototypes, dashboards, decks, images, videos, HyperFrames, HTML, PDF, PPTX, MP4, and ZIP exports.
That breadth makes it useful for product, marketing, design systems, demos, and internal reporting.Local-first and open source
The Apache-2.0 repository, desktop app, Docker path, MCP support, and BYOK/API options give teams several ways to inspect and run it.
Design agents touch brand assets, code, prompts, and credentials, so deployment control is part of the product value.Getting started
Jump directly to the resources that help you start using Open Design.
Works with
Open Design integrates with the following tools and platforms.
How to understand Open Design
Start from the workflow shape, then inspect official evidence before installing or adopting it.
Claude Design alternative
Use Open Design when you want an open-source AI design agent that can run through local coding agents instead of only a hosted assistant.
Design-system-driven prototypes
Pair a DESIGN.md-style brand contract with a design skill to generate web, mobile, dashboard, or deck artifacts.
Agent workflow testing
Evaluate how Codex, Claude Code, Cursor, OpenCode, OpenClaw, or other agents perform when the target output is visual and exportable.
Self-hosted design automation
Run the Docker or local dev path when you need more control over preview, storage, model access, and artifact generation.
What to inspect before using it
These checks change by product type, so a browser agent, model, memory system, and skill stack are not evaluated the same way.
Artifact quality
Does it create editable prototypes, images, decks, dashboards, or source files?
Design agents need tangible output.Brand control
Can it preserve visual systems, assets, tone, and interaction intent?
Generic output is easy; coherent output is hard.Handoff
Can developers or designers keep working from what it produced?
The artifact must survive the demo.Official sources
Use these links as the canonical starting point. OpenAgent.bot summarizes them but does not replace the project's own repository, docs, or website.
How it compares
Use this as a practical adoption frame, then compare nearby resources before choosing a stack.
Open Design vs Claude Design
Claude Design is the closed, polished reference point; Open Design is the open-source local-first alternative for teams that want inspectability, agent choice, and exportable artifacts.
Open Design vs Figma
Figma remains the mature collaborative visual design canvas. Open Design is better framed as an agent-era artifact generator and design-system workflow, not a total Figma replacement yet.
Open Design vs AI UI generators
Open Design differentiates through skills, plugins, design systems, coding-agent integrations, local preview, and multi-format export rather than a single prompt-to-screen flow.
Adoption questions
Short answers for readers landing from search who need to decide whether to inspect the official project.
Is Open Design open source?
Yes. The GitHub repository is published under Apache-2.0 as of the June 3, 2026 verification for this profile.
Is Open Design a Figma replacement?
Not for every workflow. It is better described as an open-source design agent and artifact generator, while Figma remains the mature collaborative visual canvas.
What community feedback should teams watch?
GitHub issues show fast iteration and early-stage bugs, including AMR instruction hallucination, macOS CPU usage, conversation startup, billing/invoice, and model/attachment problems. Public Reddit/X feedback was limited in searchable results at verification time, so GitHub remains the strongest visible feedback channel.
Skills that pair well with Open Design
Agent pages can become more useful when they show the reusable skills that help the agent operate safely and repeatably.