Open Design Quick Review: Your Coding Agent Is Now a Designer

Open Design wires your coding agent CLI to a design engine in one command — no Figma, no nonsense. But what if your Codex, Hermes, Cursor, even your Gemini could design landing pages? That’s the question it answers. 75,414 GitHub stars in 2.5 months say I’m not the only one who wanted this.

So I downloaded the desktop app, ran od mcp install hermes — one command — and my agent could suddenly generate landing pages, dashboards, and slide decks. Let me walk you through it.

What Is Open Design?

Open Design is a local-first desktop app (macOS + Windows) that acts as an MCP layer between 22 coding agent CLIs and a design engine. Agents like Oh My P! connect to it over MCP — I reviewed it when it hit 14.8k stars. And it ships 100+ built-in skills (landing page, mobile onboarding, live dashboard, pitch deck — you name it) plus DESIGN.md — a brand design system as code.

The core loop: pick a skill, pick a design system, type a brief, hit send. Your agent streams the result into a sandboxed iframe. Then export to HTML, PDF, PPTX, or MP4.

Open Design Quick Start — One Command, That’s It

# 1. Download from open-design.ai/download
# 2. Wire up your coding agent
od mcp install claude    # for Claude Code users
od mcp install codex     # for OpenAI Codex
od mcp install hermes    # for Hermes Agent (what I used)

That’s it. No config files. No API keys to manage locally. The od CLI auto-detects your agent and wires the MCP server into its config.

For a headless server setup, Docker works too:

cd deploy && cp .env.example .env
# Generate a token: openssl rand -hex 32
docker compose up -d
# Open http://localhost:7456

I Tested Open Design — Here’s What Happened

So I installed the desktop app, ran od mcp install hermes, and opened the UI. The app detected Hermes immediately and defaulted to “web-prototype” skill with “Neutral Modern” design system. I typed: “Build a landing page for ToolGenix — hero section with tagline, three feature cards, and a CTA”.

Less than 3 minutes later, a fully styled landing page rendered in the iframe — responsive layout, proper color palette, real fonts. No pixel-pushing. No Figma layers. Then I changed the design system dropdown to “Vercel-inspired” and re-ran the prompt; the same content rearranged into a completely different aesthetic.

But the magic is the DESIGN.md file — a 9-section markdown spec that defines your brand’s palette, typography, spacing, and layout tokens. Swap the file, swap the entire visual identity. No manual sync.

The table below shows how it stacks up against the alternatives:

Open Design Rough Edges — What to Watch Out For

Let me be honest about the rough edges.

Still, the desktop app is an Electron shell with a Node 24 daemon — it’s not lightweight. On my MacBook Air M3, the fans spun up after 15 minutes of use. And 523 open issues on GitHub means you’ll hit rough edges. Also, PPTX export quality depends heavily on which agent you use — Claude Code produces more polished decks than some of the other CLIs. If you’re on Claude Code, my Claude Mem review covers how cross-session memory pairs with tools like this for even better results.

And if you don’t have a coding agent installed, the local experience stalls until you switch to API mode (BYOK).

Bottom Line on Open Design

So, Open Design is not a Figma killer or a Claude Design replacement. It’s something rarer — an alternative that opens up agent-native design to anyone, regardless of which coding agent they use. The od mcp install pattern is the cleanest “give your agent new abilities” UX I’ve seen, and the DESIGN.md protocol is genuinely innovative.

So if you already use a coding agent daily, this is a no-brainer download. 75k stars in 2.5 months tell me I’m not alone in that opinion.