アイデアからプロトタイプ、Web、スライド、HTML 動画まで——プロダクトデザインの全工程を、あなたの手元のマシンで完結。
Open DesignClaude Design の最良のオープンソース代替
Figma と Claude Design のエージェントネイティブな代替。
デスクトップ優先、21 のコーディングエージェント、129 のデザインシステム、Apache-2.0。
Why Open Design?
2026 年 4 月、Claude Design は LLM が本当にデザインできることを初めて証明しました。文章ではなく、実際のデザイン成果物を生み出すのです。しかしクローズドソースで有料、クラウド専用、Anthropic モデルに固定——エージェントの切り替え、セルフホスト、BYOK はすべて不可。Open Design はその能力をオープンにします。
デザインはデスクトップで起こる。
ローカルファイル、Figma エクスポート、コードリポジトリを直接読み取り、エージェントはターミナル実行のすべての権限を持つ。
あなたのマシンにある Claude Code / Codex / Cursor はすでに十分強力。
Open Design はそれらを完全なデザインワークフローにつなぎ込む。
すべての選択がデザインシステム・好み・記憶として蓄積され、次の生成があなたの望みに近づく。
アイデアから納品まで、らくらく
Brief → テンプレート → ビジュアル方向 → Artifact → 記憶の蓄積
- 01起点を選ぶ
- 02ビジュアルの方向を決める
- 03Artifact を生成
- 04納品、または動画化
目標を一言で説明するか、テンプレート / プラグインから起点を選ぶ。
方向が決まれば、カラーパレット・フォント・余白が自動で生成フローに反映される。
エージェントがすべてのコンテキストを読み、実際に動くファイルを生成。サンドボックス内で即時プレビューと編集。
エンジニアリングにエクスポートして開発を続けるか、HyperFrames でそのままマーケティング動画に。Open Design で何が作れる？
21+ のコーディングエージェントを設定ゼロで接続
各段階は反復的で、視覚的で、調査に基づきます。不透明な prompt ではなく、組み合わせ可能なファイルで進みます。
世界中から、326 人のコントリビューター
が一緒に Open Design を作っています
View all contributorsWhat this project has earned
よくある質問
01Open Design とは何ですか？
Open Design は nexu-io/open-design プロジェクト公式のオープンソース AI デザインワークスペースです。Claude Code、Codex、Cursor、Gemini CLI、OpenCode、Qwen などのローカル coding agent を、スキルと DESIGN.md システムで動くデザインエンジンにします。
02Open Design は公式ですか？
はい。公式サイトは https://open-design.ai/、ソースコードは GitHub の https://github.com/nexu-io/open-design です。"Open Design"、"OpenDesign"、"open-design"、"Open Design AI" は同じプロジェクトを指します。
03Claude Design と何が違いますか？
Claude Design は単一ベンダーに紐づくホスト型製品です。Open Design はローカル優先、Apache-2.0 のオープンソース、BYOK で、自分の agent、鍵、DESIGN.md を使います。
04ローカルで動きますか？
はい。デスクトップアプリ、daemon、スキル runtime はすべて自分のマシン上で動き、生成物はプロジェクトディレクトリに保存されます。
05対応している coding agent は？
Claude Code、Codex、Cursor、Gemini CLI、OpenCode、Qwen と、同じ skill protocol を話す adapter に対応します。
06セルフホストや fork はできますか？
できます。Apache-2.0 のコードなので、repo を fork し、skill を編集し、独自の DESIGN.md システムを追加できます。
07データは Anthropic、OpenAI、Google に送られますか？
送られるのは、あなたが鍵を持ち込んだ（BYOK）プロバイダーへの prompt とスキルのコンテキストだけです。Open Design 自身のサーバーはなく、daemon があなたのプロバイダーと直接通信します。生成物はベンダーのクラウドではなく、プロジェクトディレクトリにファイルとして保存されます。
08CLI やデスクトップアプリなしで使えますか？
現時点では使えません。Open Design は設計からローカル優先で、最低限ローカル daemon と agent（Claude Code、Codex、Cursor、Gemini CLI、または対応する 17 の adapter のいずれか）が必要です。ホスト型サンドボックスはロードマップにありますが優先事項ではありません。自分の repo にある artifact は、他人のデータベースにあるドキュメントに勝ります。
09Open Design の料金は？
プロダクト自体は無料で Apache-2.0 です。Open Design のサブスクリプションはありません。支払うのは利用するプロバイダー（Anthropic、OpenAI、Google、Mistral、xAI、Moonshot など）の API 料金だけで、あなたのアカウントに直接請求されます。BYOK により、鍵も支出もあなたの側に残ります。
10Vercel、Cloudflare、自前サーバーでセルフホストできますか？
できます。daemon は Node 24 が動く場所ならどこでも動き、ランディングページは静的な Astro ビルドなので Cloudflare Pages、Vercel、Netlify にそのままデプロイできます。共有運用するチームは通常、ネットワーク内のマシンに daemon を固定し、各開発者の CLI をそこに向けます。
11自分のブランドを Open Design に持ち込むには？
スクリーンショットか Figma エクスポートを Web UI に投げ込み、agent にブランドを DESIGN.md ファイルへ抽出させます。そのファイルを repo の design-systems/<your-brand>/ に保存すれば、以後すべてのスキルが再プロンプトなしでそのブランドでレンダリングします。/alternatives/claude-design/ に同じ流れがステップ形式で書かれています。
12作業をやり直さずに agent を切り替えられますか？
できます。スキルと DESIGN.md システムは agent 非依存で、同じ SKILL.md が Claude Code、Codex、Cursor、Gemini CLI、GitHub Copilot、Grok、Hermes、Qwen など対応 adapter のどれでもレンダリングされます。agent の切り替えは daemon の設定変更であり、デザインのやり直しではありません。
13Open Design のロードマップは？
最新のロードマップは GitHub repo の docs/roadmap.md にあり、週次のリリースノートは GitHub Releases で公開されます。次の四半期の主なテーマは、agent adapter の追加、テンプレートファミリーの拡充（3D・動画・音声）、デザインチーム向けのオプションの共有 daemon モードです。