OpenDesign

At a Glance: Open Design is an open-source, local-first desktop design tool that acts as an agent-native alternative to Claude Design, generating web prototypes, dashboards, decks, images, and HyperFrames motion graphics from DESIGN.md brand systems and skills that run in over 25 coding agents.

Overview: Open Design is an open-source design tool and an alternative to Anthropic's Claude Design. It is a local-first native desktop application for macOS and Windows that uses coding agents as the design engine. Instead of a closed, cloud-only loop, Open Design provides a filesystem of functional skills, renderable design templates, branded DESIGN.md design systems, and plugins. It generates single-page web, desktop, and mobile prototypes, live dashboards, pitch decks, images, and HyperFrames motion graphics rendered to MP4. The tool runs through 25 distinct local CLI executables, including Claude Code, Codex, and Cursor, or any OpenAI-compatible endpoint via BYOK. Artifacts are rendered in a sandboxed iframe and can be exported as HTML, PDF, PPTX, or MP4.

Key Decision Points:

• Agent-native, not a standalone agent: Open Design does not ship its own agent; it uses the coding agents already on a user's PATH, such as claude, codex, cursor-agent, or hermes, to process design briefs and stream artifacts.

• Local-first desktop app with BYOK: The tool runs as a native desktop app on macOS and Windows, with Docker and Vercel web options, and operates on a bring-your-own-key model for AI providers, including an SSRF-guarded BYOK proxy.

• Design system is a DESIGN.md contract: All renders are governed by a DESIGN.md file within a design-system package, from a shipped catalog of 151 brand-grade systems, which users can customize by dropping in their own folder.

• MCP server for agent integration: Open Design ships an MCP server that can be installed into any compatible coding agent with a single command, granting the agent direct, read-only access to live design project files.

• Extensible via skills, templates, and plugins: The tool's behavior and outputs can be composed and remixed using over 100 functional skills, a catalog of rendering design templates, and 277 official plugins that can migrate Figma workflows or refresh existing codebases.

Core Features:

• Multi-agent MCP support: An installable MCP server that allows compatible coding agents to read live project files from Open Design directly through a structured API.

• DESIGN.md brand contract: Every generated artifact is shaped by a DESIGN.md file that acts as the core brand specification, with 151 design-system packages included in the repository.

• HyperFrames motion graphics: A first-class feature that renders HTML-based animations into real MP4 video files, such as 1920×1080 at 30fps.

• Composable plugin system: A portable plugin directory structure allowing for agent workflows, media templates, and design systems, with capabilities including Figma-to-React migration and codebase-to-brand refactoring.

• Multi-format export: Artifacts can be exported as inlined HTML, browser-printed PDF, agent-driven PPTX, and MP4 video for HyperFrames.

Use Cases:

• Developers and designers using coding agents: Users who already use Claude Code, Codex, Cursor, or similar tools can generate live, design-system-compliant web prototypes and decks directly from their terminal without leaving their workflow.

• Branding and marketing prototyping: Marketers and product teams can generate landing pages, email layouts, and pitch decks from a DESIGN.md contract, ensuring every output adheres to a central brand specification.

• Design-system maintenance and migration: Developers can point a plugin at an existing git repository and a DESIGN.md brand spec to have an agent automatically refactor components to the design standard.

Open-Source Alternative Value: As an Apache-2.0 licensed alternative to the closed-source, subscription-only Claude Design, Open Design removes platform lock-in by decoupling the design loop from any single AI model or vendor. It operates as a local-first desktop application, giving users the choice to run it on their own machine with their own API keys. Its functionality is not a monolithic application but a composable, filesystem-based collection of skills, design templates, and a marketplace of plugins that any agent can read and remix directly through its MCP server, making the design source a live, transparent part of the development workflow.