Agents Design agent showcase

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.

OpenAgent view A local-first creative agent surface for prototypes, interfaces, artifacts, and design-system work.
First test Generate one real artifact from your own brief, then inspect editability, source files, and handoff quality.
Signals

Open source · MCP

Tags

mcp · workflow orchestration · open source · mcp compatible · developer workflow

Official presence

open-design.ai

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.

Claude CodeCodex CLICursorOpenCodeOpenClawGitHub Copilot CLIGemini CLIQwenHermes AgentKimi

How to understand Open Design

Start from the workflow shape, then inspect official evidence before installing or adopting it.

01

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.

02

Design-system-driven prototypes

Pair a DESIGN.md-style brand contract with a design skill to generate web, mobile, dashboard, or deck artifacts.

03

Agent workflow testing

Evaluate how Codex, Claude Code, Cursor, OpenCode, OpenClaw, or other agents perform when the target output is visual and exportable.

04

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.