OpenDesignとは？
OpenDesign は、デスクトップと Web のアプリに `od` CLI と MCP サーバーを加えたもので、文章の要件をデザインの成果物にします。単一ページの HTML プロトタイプ、ダッシュボード、スライド資料、画像、短い動画です。独自のモデルやエージェントは同梱していません。PATH 上にすでにあるコーディングエージェントの CLI（Claude Code、Codex、Cursor、Copilot、OpenCode、Hermes、Kimi など）か、任意の OpenAI 互換エンドポイントへの持ち込みキーのプロキシを操作し、毎回の描画でブランドのルールを記した DESIGN.md ファイルを読み込みます。
リポジトリには 151 のデザインシステムのパッケージ、100 以上のエージェント用 skill、277 の公式プラグインが同梱されており、HTML、PDF、PPTX、ZIP、Markdown に加え、HeyGen の HyperFrames を通じて MP4 にもエクスポートできます。2026年4月に Anthropic の Claude Design へのオープンソースの対抗として始まり、今は共同作業のワークスペースを名乗っています。同じ組織 nexu-io は、OpenDesign Go と Cloud を通じてホスト型のモデルクレジットを販売しています。
Apache-2.0 で TypeScript で書かれており、最終確認時点で GitHub のスターは約 104,100 でした。デスクトップ版は macOS と Windows 向けがあり、Linux ではソースか Docker で動かします。最新のリリースは 2026年10月22日の v0.26.1 です。
OpenDesignは使う価値があるか？
OpenDesign の有用なアイデアは、デザインの生成に専用のモデルは要らないという点です。すでに料金を払っているエージェントの CLI を起動し、機能別の skill やテンプレートを DESIGN.md のブランドファイルに結び付け、エージェントが書いた HTML をサンドボックス化した iframe でプレビューします。出力はごく普通の HTML と CSS なので、そのまま Cursor や Claude Code に渡して開発に回せます。また `od` の MCP サーバーを使えば、別のリポジトリのエージェ ントが、プロジェクトのトークンやコンポーネントを古いエクスポートではなく最新のファイルとして読めます。
目立つ数字には注意が必要です。リポジトリは 2026年4月28日に作られ、6 か月足らずで 100,000 スターを超えました。Hacker News では、初期の伸びがほぼ一定の 1 日 1,400 スターだったと指摘し、この曲線は人為的だとするコメントがありました。トラッカーの丸めによるものだとする意見もあります。GitHub のスターのデータは入手できなかったため、私たちには決着をつけられません。活動量のほうはごまかしにくく、コミットは約 3,800、コントリビューターは約 440 人、フォークは 11,900 で、9月22日以降に 5 回のリリースがあり、未解決の issue は 545 件、未解決のプルリクエストは 740 件です。
セキュリティの初期設定は、多くのローカルのデザインツールより優れています。デーモンは 127.0.0.1 にバインドし、MCP サーバーは標準で読み取り専用です。持ち込みキーのプロキシは、SSRF に備えてプライベートアドレスとクラウドのメタデータアドレスをブロックし、Docker でのデプロイでは生成した API トークンが求められます。展開前に注意すべき点が二つあります。README によると「秘匿化された安全性と信頼性のテレメトリーは常にオン」です（プロダクト分析とセッションリプレイは同意制）。また macOS では、`od` コマンドが同名のシステムの八進ダンプユーティリティに隠れてしまうことがあります。
幅の広さは弱点でもあります。151 のデザインシステム、277 のプラグイン、183 の例があるため、カタログの良し悪しを判断しにくく、HN のコメントではデモがありきたりで README が読みにくいとされました。プロジェクトの商業的な層は常に身近にあり、README の冒頭は OpenDesign Go のクレジットの宣伝です。決定的なルールで UI を監査する Impeccable と比べると、OpenDesign はチェックではなく生成をします。すでに Claude Code を使い込んでいるチームは、ワークスペース全体を導入しなくても、DESIGN.md とデザイン用の skill だけで価値の大半を得られるかもしれません。
真価を発揮する場面
20 人規模の SaaS 企業のプロダクトマネージャー
機能の要件を、デザイナーが反応できるクリック可能なプロトタイプにする
saas-landing か dashboard のテンプレートを選び、チームの DESIGN.md を指定して Claude Code に HTML を描画させます。費用は PM が既に使っているエージェントの利用分です。その後、デザイナーは描き直すのではなく同じプロジェクトを磨き上げます。
デザインシステムを保守するフロントエンドエンジニア
ほかのリポジトリのコーディングエージェントに、最新のトークンとコンポーネントを使わせる
`od mcp install claude`（または codex、cursor）を実行すると、エージェントはプロジェクトを一覧し、tokens.css や JSX のファイルを名前で読めるようになります。標準で読み取り専用なので、リスクはエージェントが読む範囲に限られます。
社内にデザイナーのいないスタートアップのマーケティング責任者
毎週の報告資料とローンチ用のビジュアルをブランドに沿って作る
HTML や PPTX の出力には資料のテンプレートを、短い MP4 には HyperFrames のテンプレートを使います。エージェントのサブスクリプションがなければ、OpenDesign Go が月 $10 から始まります。ホスト型のクレジットは 7 日ごとにリセットされ、繰り越せません。
導入前に確認すること
- 導入
- macOS か Windows のアプリをダウンロードするか、deploy/ で生成した OD_API_TOKEN を使って `docker compose up -d` を実行します。ソースからの場合は Node 24 と pnpm 10.33 が必要です。アプリは PATH 上のエージェントの CLI を検出し、最初のプロトタイプを作るには要件が必要です。
- 連携
- Claude Code、Codex、Cursor、Copilot CLI、OpenCode、Cline、Kiro、Hermes を含む約 20 のエージェント向けのネイティブアダプターまたは MCP インストール。Anthropic、OpenAI、Azure、Gemini、Ollama、LM Studio、vLLM、任意の OpenAI 互換エンドポイント向けの持ち込みキーのプロキシがあります。
- データとプライバシー
- プロジェクトはローカルか自前のデプロイにとどまり、プロンプトは選んだエージェントやモデルに送られます。README によると安全性と信頼性のテレメトリーは常にオンで、プロダクト分析とセッションリプレイには同意が必要です。Apache-2.0 は商用利用を認めています。
- 大規模利用時のコスト
- セルフホストは無料で、実際の費用は描画ごとのエージェントのトークンです。ホスト型のクレジットは月 $10 の Go から $200 の Max まであり、SSO と共有デザインシステム向けに Team とカスタムの Enterprise プランがあります。
- 制限
- Linux のデスクトップ版はまだありません（issue #4368 で追跡中）。macOS と WSL では `od` が /usr/bin/od と衝突します。品質は背後のエージェントとモデル次第で、545 件の未解決の issue は変化の速いコードベースであることを示しています。
良い点
- すでに持っているエージェントの CLI や API キーで動く
- 出力はプレーンな HTML/CSS で、PDF、PPTX、MP4 にエクスポートできる
- 読み取り専用の MCP サーバーが最新のデザインファイルをほかのエージェントに公開する
- 標準でループバックへのバインドと SSRF 対策
気になる点
- スターの伸びに Hacker News で疑問が出ている
- 一部のテレメトリーはオフにできない
- ビルド済みの Linux デスクトップ版がない
- 大きく出来にばらつきのあるカタログ。README が販売ページを兼ねている
おすすめの人
すでにコーディングエージェントを使っていて、Claude Design に料金を払わずにブランドに沿ったプロトタイプ、スライド資料、ダッシュボードを作りたいプロダクトチームに向いています。
OpenDesignの代替
OpenDesign：よくある質問
- OpenDesignは使う価値があるか？
- コーディングエージェントをデザインツールに変える有能なフロントエンドですが、スター数と売り込みの両方に、ある程度の懐疑が必要です。 評価は5点満点中3.8点です。
- OpenDesignの料金は？
- 自分のエージェントか API キーを使えば、無料のオープンソースです（Apache-2.0）。任意のホスト型クレジット：Go $10/月、Plus $20、Pro $100、Max $200。Team と Enterprise のプランもあります。
- OpenDesignの欠点は？
- スターの伸びに Hacker News で疑問が出てい る; 一部のテレメトリーはオフにできない; ビルド済みの Linux デスクトップ版がない; 大きく出来にばらつきのあるカタログ。README が販売ページを兼ねている.
- OpenDesignは誰に向いているか？
- すでにコーディングエージェントを使っていて、Claude Design に料金を払わずにブランドに沿ったプロトタイプ、スライド資料、ダッシュボードを作りたいプロダクトチームに向いています。
- チームや本番環境でOpenDesignを使うと費用はいくらか？
- セルフホストは無料で、実際の費用は描画ごとのエージェントのトークンです。ホスト型のクレジットは月 $10 の Go から $200 の Max まであり、SSO と共有デザインシステム向けに Team とカスタムの Enterprise プランがあります。
- OpenDesignは企業データを扱っても安全か？
- プロジェクトはローカルか自前のデプロイにとどまり、プロンプトは選んだエージェントやモデルに送られます。README によると安全性と信頼性のテレメトリーは常にオンで、プロダクト分析とセッションリプレイには同意が必要です。Apache-2.0 は商用利用を認めています。
- OpenDesignの代わりになるものは？
- 当サイトでレビューした中で最も近い代替はImpeccable, Anatomy 、 Anthropic Skillsです。
回答確認日：2026年10月26日