Overview
OpenDesign is an Apache-2.0 desktop application that produces design artifacts from a written brief: web, desktop and mobile prototypes, live dashboards, decks, images, video and HyperFrames motion graphics. Output is real HTML and CSS with real fonts and components, previewed in a sandboxed iframe and exported to HTML, PDF, PPTX or MP4 — not a canvas of pixels.
It does not bundle its own agent. On launch it detects the coding-agent CLIs already on your PATH — the README lists Claude Code, Codex, Cursor, OpenClaw, OpenCode, Copilot, Qwen, Amp, Hermes, Kimi, Antigravity and DeepSeek's `dsh` harness among 26 local executables — and drives whichever you pick, or any OpenAI-compatible endpoint via BYOK. That makes the model choice yours and keeps the loop on your machine.
The reusable parts are files, not settings. Over 100 functional skills live in `skills/` following the Agent Skills `SKILL.md` convention; renderable starters live separately in `design-templates/`, tagged by mode (`prototype`, `deck`, `image`, `video`) and by scenario (design, marketing, operation, engineering, product, finance, hr, sale, personal). A repository's `DESIGN.md` acts as the brand contract the agent has to honour, and design systems ship alongside it.
There is also a headless path: `od mcp install <agent>` registers OpenDesign as a skill, plugin or MCP server inside your agent, so you can ask for an artifact from the CLI without opening the GUI.
What it does
- One brief in, many artifact types out: web/desktop/mobile prototypes, dashboards, decks, images, video and HyperFrames motion graphics
- Delegates to coding-agent CLIs already installed locally (26 detected executables) or any OpenAI-compatible endpoint via BYOK
- Skill and design-template catalogues as plain files, following the Agent Skills `SKILL.md` convention
- `DESIGN.md` design systems as the brand contract the generated artifact must follow
- Sandboxed iframe preview with export to HTML, PDF, PPTX and MP4
- Headless use through `od mcp install <agent>` — call it as a skill, plugin or MCP server from inside your agent
Getting started
The desktop app is the zero-config route (macOS and Windows; no prebuilt Linux artifact is published, so Linux users build from source or use Docker). All commands below come from the README's quick start.
Install the desktop app
Download the macOS (Apple Silicon or Intel) or Windows x64 build from the site or GitHub Releases. On first run it detects your agent CLIs, skills, templates and design systems.
https://open-design.aiOr install it into your coding agent
One command registers OpenDesign with the agent you already use. On macOS and WSL2, `/usr/bin/od` can shadow the `od` command — use the Settings → MCP server snippet if so.
od mcp install claude
# or: codex | cursor | copilot | openclaw | antigravity | pi | cline | kimi | opencode …Ask for an artifact
From inside the agent, name the design system you want the output to follow.
> Use open-design to generate a landing page with the Linear design systemRun it with Docker instead
The deploy directory ships a compose stack; the generated token is also the HTTP basic-auth password.
git clone https://github.com/nexu-io/open-design.git
cd open-design/deploy
cp .env.example .env
echo "OD_API_TOKEN=$(openssl rand -hex 32)" >> .env
docker compose up -d
# open http://127.0.0.1:7456Commands and code are distilled from the project's own documentation — always check the official repo for the latest.
When to use it
- Turn a written brief into a clickable web or mobile prototype without opening a canvas tool
- Hold a team's brand rules in a checked-in `DESIGN.md` so every generated artifact follows them
- Produce a deck, a dashboard mock and a social carousel from the same project files, then export to PDF or PPTX
- Add design output to an existing coding-agent workflow through the MCP server, with no separate UI
How OpenDesign compares
OpenDesign alongside other open-source low-code & no-code builders tools AI/TLDR tracks, ranked by GitHub stars.
| Tool | Stars | What it does |
|---|---|---|
| Langflow | ★ 155k | Langflow is an open-source platform for building AI agents and workflows visually, then deploying each flow as an API or MCP server. |
| OpenDesign | ★ 97.3k | Local-first desktop app that turns a brief into prototypes, decks, images and video using the coding agents already on your machine |
| NocoDB | ★ 65k | An open-source tool that turns any SQL database into a no-code spreadsheet-style app, used as a self-hosted Airtable alternative. |
| Flowise | ★ 55.5k | Flowise is an open-source low-code tool that lets you build LLM apps and AI agents by connecting nodes on a visual canvas, then ship them as an API or chat widget. |
| JeecgBoot | ★ 47.9k | Java low-code platform — online form, report and workflow designers plus a code generator — with a bundled langchain4j app layer for chat assistants, RAG knowledge bases and MCP plugins. |
| ToolJet | ★ 40.9k | An open-source low-code platform with a drag-and-drop UI builder, built-in database, and JavaScript logic for building internal tools, dashboards, and workflows. |
| Appsmith | ★ 40.9k | An open-source low-code platform for quickly building internal tools, admin panels, and dashboards from a visual editor plus custom JavaScript and data-source connections. |
| Directus | ★ 37.9k | An open-source data platform that wraps any SQL database in an instant API and a no-code admin app for managing content and building back-office tools. |