Studio Artifacts
Web & mobile prototypes, live dashboards, decks, documents and images — rendered as real HTML/CSS files you own, exportable to HTML, PDF, PPTX and MP4.
What's Inside
Four surfaces ship in one app. Each reads your DESIGN.md as the brand contract.
Design Systems
151 brand-grade DESIGN.md packages ship in-box. Drop any brand folder in and every render follows its tokens.
Plugin Marketplace
277 official plugins — scenarios, image/video templates, atoms — browsable in-app, installable via one command.
HyperFrames
Agent-native motion graphics: HTML + CSS + GSAP rendered to deterministic MP4 through headless Chrome and FFmpeg.
Launch The Studio
This page talks directly to your local OpenDesign daemon. Start the desktop app, then launch straight into the design studio from here.
SCANNING FOR DAEMON…
The port changes each time the app restarts. Find the current one in the desktop app under Settings → MCP server (it appears in the connection snippet), or leave this page open while the app runs — the scanner picks it up.
Run It Locally
The desktop app ships a bundled runtime — zero config. Prefer the terminal? One clone gets you the whole stack.
# Windows desktop (installed): Start menu → "Open Design"
# From source:
git clone https://github.com/nexu-io/open-design
cd open-design
pnpm install
pnpm tools-dev run web
# From source:
git clone https://github.com/nexu-io/open-design
cd open-design
pnpm install
pnpm tools-dev run web
Graham Firm AI Design System
This page runs on it: the neon-purple command-center DNA, registered as a custom design system inside OpenDesign at design-systems/graham-firm-ai/.
Neon command-center on near-black. Purple #C700FF carries headings and glow; cyan #00F0FF marks data and stats; hot pink #FF007A flags kickers. Space Grotesk body, Nebula display, JetBrains Mono labels — uppercase, letter-spaced, quantified copy only.