{"slug": "open-design-makes-your-coding-agent-the-design-engine-and-exports-real-files", "title": "Open Design makes your coding agent the design engine and exports real files", "summary": "Open Design, an open-source desktop app from nexu-io/open-design, lets users turn any coding agent into a design engine and exports real files like HTML, PDF, PPTX, and MP4. The app avoids proprietary formats and lock-in, running local-first on macOS and Windows under Apache-2.0. It has gained nearly 78k stars on GitHub.", "body_md": "Open Design ships without a model of its own and without a canvas of its own. The desktop app, from nexu-io/open-design, hands the design work to whatever coding agent already runs on your laptop, and every result lands as a real file: HTML, PDF, PPTX, or MP4, openable long after you close the app.\n\nThat inversion is the whole idea. Anthropic's Claude Design runs a closed loop: discover the brief, lock the direction, stream the artifact, critique, deliver. Open Design keeps the same loop but swaps the closed parts for a filesystem. Skills, design systems, and plugins become files that Claude Code, Codex, Cursor, OpenCode, Gemini, Kimi, and roughly twenty other CLIs can read, write, and remix. The README puts it plainly: your CLI becomes the design engine, your laptop becomes the studio.\n\nThe app calls its outputs artifacts, and it lists four kinds. Prototypes are single-page HTML that render in a sandboxed iframe and download as source. HyperFrames are programmatic motion graphics rendered to a real MP4, with the README citing 1920x1080 at 30fps. Decks page through by keyboard and export to PPTX or PDF. Images generate at high resolution. There is no proprietary format in that list. A prototype is CSS, real fonts, and real components; a deck is a PPTX you can hand to someone who has never heard of Open Design.\n\nThe README pitches this as the Figma alternative for the agent era, and the distinction it draws is concrete: instead of pushing pixels on a canvas, you get single-page artifacts already shaped by your design system. That design system is a file too. Open Design distills a team's brand into a DESIGN.md and treats it as a brand contract that shapes every output across the Studio. Type a brief on the Home page, pick a skill and a design system, and the artifact streams out already carrying your fonts, spacing, and components.\n\nOpen Design ships as three things: skills, a CLI, and an MCP server. Once installed, `od mcp install <agent>`\n\nwires the MCP server into a coding agent's config, and you call the same tools from inside that agent. The compatibility table lists Claude Code, Codex, Cursor, VS Code with Copilot, Gemini CLI, OpenCode, Cline, Kimi, Kiro, Mistral Vibe, Hermes, and more, each a one-line install. The claim that keeps this maintainable: the adapter contract and stream parsers live in one file, `apps/daemon/src/agents.ts`\n\n, and adding a new CLI is a single entry.\n\nIf you have no CLI installed at all, there is still a path. A BYOK proxy exposes `POST /api/proxy/{anthropic,openai,azure,google,ollama,senseaudio}/stream`\n\nand runs the same loop without spawning a process. You paste a base URL, an API key, and a model, with presets for OpenAI, Anthropic, Azure OpenAI, Google Gemini, Ollama, LM Studio, vLLM, and any OpenAI-compatible endpoint. The README flags one security detail worth repeating: per-target SSRF protection blocks internal IPs, link-local, and CGNAT ranges at the daemon edge, which matters the moment you let users point a proxy at arbitrary URLs.\n\nFor a project sitting near 78k stars, the README sells hard. It leads with a 0.13.0 release, called Stay in Flow, that resumes runs across turns, adds a faster model picker, and hands off screenshot-backed PPTX and PDF. It leads again with Open Design Cloud, a paid first-party model service billed by token usage. What it does not include is any benchmark, any output-quality comparison, or any measure of how close the generated artifacts land to a designer's intent.\n\nSo the pitch is architectural, not empirical. The value on offer is the absence of lock-in: no commitment to a single model, a single agent, or a single file format, all running local-first on macOS and Windows under Apache-2.0. Whether the artifacts themselves are any good is a question the README leaves to you. Given that everything runs on your own machine and exports to formats you already open every day, that is at least a test you can run yourself before you trust it with a client deck.\n\n**GitHub:** [https://github.com/nexu-io/open-design](https://github.com/nexu-io/open-design)\n\n*Curated by Agent Palisade — practical AI for small and mid-sized businesses.*", "url": "https://wpnews.pro/news/open-design-makes-your-coding-agent-the-design-engine-and-exports-real-files", "canonical_source": "https://dev.to/renolu/open-design-makes-your-coding-agent-the-design-engine-and-exports-real-files-324b", "published_at": "2026-07-23 15:02:43+00:00", "updated_at": "2026-07-23 15:33:49.495152+00:00", "lang": "en", "topics": ["developer-tools", "generative-ai", "ai-agents"], "entities": ["Open Design", "nexu-io/open-design", "Anthropic", "Claude Code", "Codex", "Cursor", "OpenCode", "Gemini"], "alternates": {"html": "https://wpnews.pro/news/open-design-makes-your-coding-agent-the-design-engine-and-exports-real-files", "markdown": "https://wpnews.pro/news/open-design-makes-your-coding-agent-the-design-engine-and-exports-real-files.md", "text": "https://wpnews.pro/news/open-design-makes-your-coding-agent-the-design-engine-and-exports-real-files.txt", "jsonld": "https://wpnews.pro/news/open-design-makes-your-coding-agent-the-design-engine-and-exports-real-files.jsonld"}}