OpenDesign MCP
An open-source Claude Design alternative that builds prototypes, decks, dashboards and video through your local agents
- 104,919 ★ on the repository
- Last commit
- Apache-2.0
Broad access
Why this level
- Install via curl piped to a shell script
- The app launches local agent CLIs with filesystem access
- Handles model API keys
Install
- Works in
Manual install
od mcp install claudeFor other agents replace claude with codex, cursor, copilot, opencode, cline and so on.
Access and checks
How we reviewBroad accessThe tool can change data, run commands or handle secrets.
- Install via curl piped to a shell script
- The app launches local agent CLIs with filesystem access
- Handles model API keys
This is third-party code. Review the repository files before installing.
What it does
OpenDesign is a desktop app for macOS and Windows plus a library of skills, DESIGN.md design systems and plugins. It generates web and mobile prototypes, live dashboards, decks, images and motion graphics, exporting to HTML, PDF, PPTX and MP4. The app drives coding-agent CLIs found on your PATH (Claude Code, Codex, Cursor, OpenCode and others) or any OpenAI-compatible endpoint with your own key. Inside an agent it connects as an MCP server via od mcp install.
Who it is for. Designers, product managers and developers who want mockups and decks built in real CSS from their own agent.
Good fit when
- You need a clickable landing page or app prototype in a specific design system
- You want a deck or document exported to PPTX or PDF
- You need to extract a brand's visual language into DESIGN.md
Not a fit when
- You need collaborative vector editing like Figma
- You are on Linux and do not want to build from source
Example request
Use open-design to generate a landing page with the Linear design systemMCP
- Authentication
- not required
Limitations
No prebuilt Linux artifacts are published; Linux users run from source (Node 24, pnpm 10.33). On macOS and WSL2 the od command can be shadowed by the system /usr/bin/od, so desktop users should copy the snippet from Settings > MCP server. Automatic MCP setup for Claude Desktop works on macOS and Windows only.
How to disable. Run od mcp install <agent> --uninstall to remove the integration from an agent.
FAQ
Does it work without a CLI agent installed?
Yes, via the BYOK proxy: provide baseUrl, apiKey and model for OpenAI, Anthropic, Azure, Gemini, Ollama or any compatible endpoint.
Discussion
No questions or reviews yet.
Related
MCP serversA workspace for Claude Code: ten commands lead from a product idea to React screens and a handoff package with ready prompts for implementation
Awesome Claude Design
awesome-claude-design
A collection of ready DESIGN.md files that Claude Design expands into an interface scaffold: colors, type, components. Take as inspiration
HTML design for Claude Code and Codex: presentations, landing pages, prototypes, animations and design systems. Playwright and ffmpeg are needed
designlang
designlang (design-extract)
A CLI and MCP server that reads a live website and pulls out its design system: DTCG tokens, a Tailwind config, Figma variables and a brand book
A design engine skill for local agents: mockups, prototypes, landing pages, dashboards and slides as self-contained HTML right in your editor
Claude Design System Prompt
claude-design-system-prompt
A community-reconstructed Claude Design system prompt and a skill library for accessibility-aware design work
README in short
OpenDesign presents itself as an open-source alternative to Claude Design and Figma for the agent era. It is a local app with Home, Plugins, Design System and Studio views for prototypes, decks, mobile UIs, images, documents and HyperFrames. It supports 26 local agent CLIs, with one-command MCP setup for 16 of them. Docker, Sealos deployment and running from source are also available. Apache 2.0 licensed, with a Russian README translation.