Open Design 0.19.0 リリース無料ダウンロード
85.6K+ダウンロード

あなたのブランドのための Vibe Design Workspace。
ひとつのデザインシステムが、届けるすべてを貫く。

無料ダウンロード

計 21 の coding agent に対応、つないでそのまま使えます

使い方

ひとつのデザインシステムから。あらゆるシーンへ。

01

どんなソースからでも取り込む。

デッキ、サイト、Figma、画像、ドキュメント。ブランドを定義するすべてを投げ込めます。

02

ブランドをシステム化する。

Open Design がそれらをひとつのブランドカーネルに統合します：色、タイポグラフィ、ボイス、イメージ、ルール。

03

あらゆるシーンを生成する。

スライド、プロトタイプ、マーケティングビジュアル、動画。同じブランドを、どこからでも呼び出せます。

無料ダウンロード

デザインに必要なすべて。はじめから内蔵。

数百のブランドシステムを標準搭載。

厳選されたデザインシステムから始めても、自分のブランドをシステム化してもいい。色、タイポグラフィ、角丸、ボイス：ひとつ変えれば、すべての成果物が再計算されます。

試してみてください：ブランドを切り替えるか、角丸のステップをタップ。4 つの成果物がリアルタイムで再計算されます。

無料ダウンロード

115 テンプレート · 152 システム

満載のテンプレートライブラリ

デッキ、サイト、カード、映像フレーム。どれを fork しても、あなたのブランドをまといます。

launch.yourbrand.site● LIVE

デザインからコードへ、ワンクリックで公開

ここではデザインはコードです：すべての成果物はモックアップではなく本物の HTML。そのままライブ URL にデプロイでき、ハンドオフも作り直しも不要です。

✎ 編集⇲ リサイズ⧉ バリアント

すべてが編集可能なまま

一枚絵は一つもありません。生成後も、レイアウト、コピー、スタイルを自由に調整できます。

v23↺ ブランドカーネル更新：ミニマルなレイアウト · 角丸 8px · あなたのトーン

自己進化するブランドシステム

あなたの選択はすべてブランドシステムとメモリに還元され、成果物は一つごとに、より on-brand に仕上がります。

デフォルトでマルチモーダル

ページ、デッキ、画像、動画、音声。ひとつのブランドの下で、まとめて生成します。

Codex の中で動くプラグイン

Codex から Open Design を呼び出し、フローの中で本物の編集可能な成果物を受け取れます。

Design benchmark をリード

公開ベンチマークで Codex や Claude Design と比較し、デザインタスクの出力品質は業界トップクラスです。

Open Design91.4
Codex87.9
Claude Design85.6
Open Design92.6
Codex88.4
Claude Design86.1
Open Design93.1
Codex86.2
Claude Design84.7
Open Design90.8
Codex87.1
Claude Design85.9
Open Design89.7
Codex88.6
Claude Design86.4

デザイン品質スコア

ひとつのワークスペース。チーム全員が、ブランドの上に。

ブランドシステム、テンプレート、プロジェクトをチーム全体で共有。全員が同じカーネルで生成し、成果物はひとつのライブラリに集まり、システムをひとつ変えれば全員の作業が再計算されます。

共有ブランドカーネル · チームテンプレートライブラリ · 公開前レビュー

無料ダウンロード
Open Design · チームワークスペース
12 メンバー · ブランドカーネル acme-2026
Mason がカーネルを更新：3 件の成果物を再計算、レビューを依頼

3 つの使い方

デスクトップ、セルフホスト、そして Codex の中で。

Open Design app
フルワークスペース

デスクトップアプリ。

Studio、ブランドセンター、ライブラリ、メモリ。すべてあなたのマシン上に。

無料ダウンロード

自分で動かす

セルフホスト。

Apache-2.0、ローカル daemon と Web。自社ネットワーク内にデプロイできます。

repo を見る →

Open Design plugin in Codex
フローを止めない

Codex プラグイン。

一度インストールすれば、どの Codex 会話からでも @open-design を呼び出せます。

Codex にインストール →

Open Design で作られた。実在のチームの手で。

“My hands stay on the craft”Seungki Kim · KAIST 出身のデザイナー、FABOR 創業者。3D プリントのクラフトと並行して、ブランドサイトと SNS カードニュースを制作。ストーリーを読む →“I go to Open Design first”Stuart Gardoll · AI エンジニア、Connect I/O 創業者。好きなモデルを選んで、アプリもモーショングラフィックスもここで。ストーリーを読む →“Open Design is our unfair advantage”Ikigai One · 米国のサイバーセキュリティ企業。チーム全体のデザイン成果を、ひとつのワークスペースから。ストーリーを読む →
無料ダウンロード

最近のハイライト。

A warm editorial illustration of hand-drawn collaborator marks and rough design fragments becoming a calm sage-green shared workspace with organized project cards, comments, and completed artifacts, on a cream paper desk with a plant, coffee mug, notebook, pencil, and binder clipsプロダクトOpen Design 0.18.0 — デザインチームのワークスペースが Codex に7 分で読めますA warm editorial illustration of hand-drawn Codex conversation bubbles and a rough interface sketch becoming a calm sage-green editable design workspace, on a cream paper desk with a plant, coffee mug, notebook, and pencilプロダクトOpen Design 0.17.0：Codex のための Open Design7 分で読めますA warm editorial illustration of a hand-drawn delivery sketch with a broken handoff line becoming a calm sage-green workspace handing a finished deliverable along an unbroken line, on a near-white paper desk with soft plants and a coffee mugプロダクトOpen Design 0.16.0 — 確実に届く7 分で読めますA warm editorial illustration of a coarse hand-drawn interface sketch under a magnifying loupe becoming a crisp, detailed sage-green workspace with an unbroken session thread running past a pause mark, on a near-white paper desk with soft plants and a coffee mugプロダクトOpen Design 0.15.1 — より鮮明な視界、より長いフロー3 分で読めます

ブログ記事をすべて見る →

世界中から、401 人のコントリビューター
が一緒に Open Design を作っています

すべてのコントリビューターを見るデスクトップをダウンロード
Open Design desktop home

最先端の AI デザイン能力を、すべての作り手の手元へ

Open · Local · Agent-native

デスクトップをダウンロードGitHub で Star

Open Design FAQ：vibe design workspace、ひとつのデザインシステム、オープンソース

デスクトップをダウンロード

85.6K+ スター · Apache-2.0 · 無料

  1. 01Open Design はオープンソースの Claude Design 代替ですか？

    はい——Open Design はオープンソースかつローカル優先の Claude Design 代替です。Claude Design はクローズドでホスト型、Anthropic モデルに固定されていますが、Open Design は Apache-2.0 で自分のマシン上で動き、BYOK。Claude Code、Codex、Cursor、Gemini、OpenCode、Qwen で駆動でき、生成物はすべて自分のファイルとして手元に残ります。

    詳しく見る →

  2. 02vibe design workspace とは？

    vibe design workspace とは、要素を一つずつ手で配置する代わりに、AI エージェントに意図を伝えて設計する場です——prompt からプロトタイプ、Web ページ、スライド、HTML 動画まで。Open Design はオープンソースで agent-native な vibe design workspace で、すでに使っているコーディングエージェントを完全な設計ワークフローに組み込み、ひとつのツールでラフなアイデアから自分のものになる完成物まで導きます。

    詳しく見る →

  3. 03Open Design とは何ですか？

    Open Design は nexu-io/open-design プロジェクトのオープンソース Vibe Design Workspace です。すでに使っているローカル coding agent（Claude Code、Codex、Cursor、Gemini CLI、OpenCode、Qwen）をブランドデザインエンジンに変えます：ひとつのデザインシステムをあらゆる成果物で一貫させ、組み合わせ可能なスキルとポータブルな DESIGN.md システムで駆動します。

  4. 04Open Design は公式ですか？

    はい。公式サイトは https://open-design.ai/、ソースコードは GitHub の https://github.com/nexu-io/open-design です。"Open Design"、"OpenDesign"、"open-design"、"Open Design AI" は同じプロジェクトを指します。

  5. 05Claude Design と何が違いますか？

    Claude Design は単一ベンダーに紐づくホスト型製品です。Open Design はローカル優先、Apache-2.0 のオープンソース、BYOK で、自分の agent、鍵、DESIGN.md を使います。

  6. 06ローカルで動きますか？

    はい。デスクトップアプリ、daemon、スキル runtime はすべて自分のマシン上で動き、生成物はプロジェクトディレクトリに保存されます。

  7. 07対応している coding agent は？

    Claude Code、Codex、Cursor、Gemini CLI、OpenCode、Qwen と、同じ skill protocol を話す adapter に対応します。

  8. 08セルフホストや fork はできますか？

    できます。Apache-2.0 のコードなので、repo を fork し、skill を編集し、独自の DESIGN.md システムを追加できます。

  9. 09データは Anthropic、OpenAI、Google に送られますか？

    送られるのは、あなたが鍵を持ち込んだ（BYOK）プロバイダーへの prompt とスキルのコンテキストだけです。Open Design 自身のサーバーはなく、daemon があなたのプロバイダーと直接通信します。生成物はベンダーのクラウドではなく、プロジェクトディレクトリにファイルとして保存されます。

  10. 10CLI やデスクトップアプリなしで使えますか？

    現時点では使えません。Open Design は設計からローカル優先で、最低限ローカル daemon と agent（Claude Code、Codex、Cursor、Gemini CLI、または対応する 17 の adapter のいずれか）が必要です。ホスト型サンドボックスはロードマップにありますが優先事項ではありません。自分の repo にある artifact は、他人のデータベースにあるドキュメントに勝ります。

  11. 11Open Design の料金は？

    プロダクト自体は無料で Apache-2.0 です。Open Design のサブスクリプションはありません。支払うのは利用するプロバイダー（Anthropic、OpenAI、Google、Mistral、xAI、Moonshot など）の API 料金だけで、あなたのアカウントに直接請求されます。BYOK により、鍵も支出もあなたの側に残ります。

  12. 12Vercel、Cloudflare、自前サーバーでセルフホストできますか？

    できます。daemon は Node 24 が動く場所ならどこでも動き、ランディングページは静的な Astro ビルドなので Cloudflare Pages、Vercel、Netlify にそのままデプロイできます。共有運用するチームは通常、ネットワーク内のマシンに daemon を固定し、各開発者の CLI をそこに向けます。

  13. 13自分のブランドを Open Design に持ち込むには？

    スクリーンショットか Figma エクスポートを Web UI に投げ込み、agent にブランドを DESIGN.md ファイルへ抽出させます。そのファイルを repo の design-systems/<your-brand>/ に保存すれば、以後すべてのスキルが再プロンプトなしでそのブランドでレンダリングします。/alternatives/claude-design/ に同じ流れがステップ形式で書かれています。

  14. 14作業をやり直さずに agent を切り替えられますか？

    できます。スキルと DESIGN.md システムは agent 非依存で、同じ SKILL.md が Claude Code、Codex、Cursor、Gemini CLI、GitHub Copilot、Grok、Hermes、Qwen など対応 adapter のどれでもレンダリングされます。agent の切り替えは daemon の設定変更であり、デザインのやり直しではありません。

  15. 15Open Design のロードマップは？

    最新のロードマップは GitHub repo の docs/roadmap.md にあり、週次のリリースノートは GitHub Releases で公開されます。次の四半期の主なテーマは、agent adapter の追加、テンプレートファミリーの拡充（3D・動画・音声）、デザインチーム向けのオプションの共有 daemon モードです。

  16. 16Open Design は Codex の中で使えますか？

    はい。Codex 向けの Open Design Plugin を一度インストールすれば、どの Codex 会話からでも @open-design を呼び出し、本物の編集可能なデザイン成果物を受け取れます。セットアップはプロンプトを 1 回貼り付けるだけ。詳細は Codex プラグインのページをご覧ください。

    詳しく見る →

  17. 17ブランドシステムとは何ですか？self-evolving（自己進化）とはどういう意味ですか？

    ブランドシステム（ブランドカーネル）は、色、タイポグラフィ、角丸、イメージ、ボイスといったビジュアルアイデンティティの単一の情報源です。すべての成果物がそれを継承し、あなたの選択はすべてそこへ還元されるため、システムは進化を続け、成果物は一つごとに、より on-brand に仕上がります。トークンをひとつ変えれば、作品全体が再計算されます。

  18. 18チーム全員でひとつのワークスペースを共有できますか？

    はい。Team Workspace はブランドシステム、テンプレートライブラリ、プロジェクトをチーム全体で共有します：全員が同じカーネルで生成し、成果物はひとつのライブラリに集まり、システムの変更はチームの作業を再計算します。チームプランは料金ページをご覧ください。

    詳しく見る →