オープンソースの v0 代替。

v0 とは

v0 by Vercel はホスト型の AI UI ジェネレーターです。UI を記述すると、React、Next.js、Tailwind のエコシステム向けに調整されたフロントエンドコンポーネントを生成し、Vercel へそのままデプロイできます。速く、そのスタックと緊密に統合されています。

クローズドソースでベンダークラウド上で動作し、サブスクリプションと生成単位のクレジットで課金されます。Open Design は異なる立場です。ローカルファーストでオープンソースのデザインエージェントで、自分のコーディングエージェントを向けて使います。プロンプトから UI で重なりますが、Vercel でホストされるパイプラインでは重なりません。

• ベンダー: Vercel（v0）— ホスト型 SaaS
• 価格: サブスクリプション + 生成単位のクレジット
• 主な出力: ホスト型 UI、加えてコードエクスポート

なぜチームは v0 の代替を探すのか

チームが v0 の先を探し始めるのは、成果物を所有し、支出を管理し、任意のエージェントと任意のスタックを使い、デザインをポータブルでバージョン管理された資産として保ちたいときです。

• 成果物を所有する: UI は、ホスト型プロジェクト内の生成物ではなく、リポジトリ内のファイルであるべきです。
• BYOK の経済性: 自分のプロバイダーキーを持ち込み、API 費用をサブスクリプションに加えて生成単位のクレジットを払うのではなく、自分のアカウントに請求させます。
• 任意のエージェント、任意のスタック: 単一のベンダー管理モデルではなく、すでに使っているコーディングエージェントから、選んだスタックでデザインを駆動します。
• オープンソース: Apache-2.0 でセルフホスト可能。フォークし、スタジオ向けにリブランドし、あるいは CI に組み込めます。

ローカルファースト + BYOK の解説

Open Design はデスクトップアプリ、ローカルデーモン、そして Markdown のスキルとデザインシステムのカタログをあなたのマシン上で実行します。あなたの UI はホスト型の生成物ではなくファイルであり、あなたのブランドは、すべてのスキルが従うポータブルな DESIGN.md ファイルとしてリポジトリに存在します。

自分のエージェントキーを持ち込みます。認証情報はローカル設定または環境変数に留まり（Open Design がそれらをプロキシすることはありません）、API 費用は直接あなたに請求されます。

Open Design vs v0 の機能比較

v0 が勝る点: あなたが Vercel、Next.js、React のエコシステムに根ざしていて、1 つの緊密なホスト型フローで UI を生成・デプロイしたいなら、v0 はまさにそのために作られています。Open Design はデザインファーストでスタック非依存です。

どちらを選ぶべきか

v0 を選ぶべきケース:

• Vercel と React のエコシステムに密着して生成された UI が欲しい。
• 同じフローから Vercel へそのままデプロイしたい。
• ローカルファイルよりホスト型ジェネレーターと生成単位のクレジットを好む。

Open Design を選ぶべきケース:

• デザイン成果物とブランドをバージョン管理されたファイルとして欲しい。
• 任意のスタックで、既存のコーディングエージェントと BYOK したい。
• フォーク、リブランド、CLI 組み込み、セルフホストができるオープンソースが欲しい。
• すべてのスキルが従う、ブランドごとに 1 つの DESIGN.md が欲しい。

v0 から Open Design へデザインを移す

現時点で v0 からの自動インポートはありません。一度きりのブランド抽出実行でデザインファーストに始めましょう。

1. クイックスタートから Open Design をインストールします。
2. Web UI を開き、気に入った v0 の生成物やスクリーンショットにエージェントを向けます。
3. エージェントにブランドを DESIGN.md ファイルへ抽出するよう依頼します。
4. スキルを 1 つ選び、新しいブランドに対してレンダリングします。

それ以降は、すべてのスキルが再プロンプトなしであなたのブランドでレンダリングされ、ファイルはリポジトリに残ります。

FAQ

1. 01 Open Design は v0 のドロップイン代替ですか？ +

   いいえ。v0 は Vercel のホスト型フローで UI を生成し、Open Design はデザインファーストで、任意のエージェントであなたが所有する成果物を生み出します。両者はプロンプトから UI で重なりますが、Vercel でホストされるパイプラインでは重なりません。

2. 02 Open Design は特定のスタックに私を縛りますか？ +

   いいえ。任意のサポート対象エージェントで BYOK でき、出力はリポジトリ内のプレーンなファイルです。1 つのフレームワークやホストに縛られることはありません。

3. 03 Open Design はどのエージェントを使いますか？ +

   あなたの選択次第です。Claude Code、Codex、Cursor、Gemini、OpenCode、Qwen で BYOK できます。API 費用はあなたのアカウントに請求され、認証情報が私たちを通してプロキシされることはありません。

4. 04 Open Design は本当にオープンソースですか？ +

   はい。github.com/nexu-io/open-design に Apache-2.0 で公開されており、セルフホスト可能です。

5. 05 Open Design は v0 や Vercel と提携していますか？ +

   いいえ。Open Design は独立したオープンソースプロジェクトです。v0 と Vercel はその所有者の商標であり、これは提携関係のない比較です。