OpenDesign MCP Integration

About

OpenDesign connects coding agents to a local design workspace for producing and working with design artifacts.

Key Features

• Use a coding agent as the design engine for prototypes and other creative outputs.
• Access the application through its documented stdio MCP integration.

Use Cases

Connect design context and editable project assets with a coding-agent workflow.

Limitations

This entry covers nexu-io/open-design and its bundled integration. Third-party OpenDesign bridges may have different feature support.

Sources

• Project documentation: https://github.com/nexu-io/open-design

MCP Setup

Prerequisites

• OpenDesign desktop app or local installation.
• Source build: Node.js ~24 and pnpm 10.33.x.

Companion app or plugin

Name: OpenDesign Install URL: https://github.com/nexu-io/open-design

• Install the app using the README release links and open the local design project.

MCP exposes live project source to a connected coding agent.

Client setup

Codex

Transport: stdio

od mcp install codex

• Use the OpenDesign CLI installed with the application.

macOS may resolve /usr/bin/od instead. Desktop users should prefer the snippet in Settings → MCP server.

Claude Code

Transport: stdio

od mcp install claude

Cursor

Transport: stdio

od mcp install cursor

Setup docs: https://github.com/nexu-io/open-design