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

Lovable とは

Lovable（lovable.dev）はホスト型の AI アプリビルダーです。製品を自然言語で記述すると、フロントエンド、バックエンド、データベースの配線を含むフルスタック Web アプリを生成・デプロイし、ワンクリックでホスティングできます。プロンプトから動くアプリへ持っていくのが本当に得意です。

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

• ベンダー: Lovable（lovable.dev）— ホスト型 SaaS
• 価格: サブスクリプション + メッセージ単位のクレジット
• 主な出力: デプロイ済みのアプリ、加えてコードエクスポート

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

チームが Lovable の先を探し始めるのは、成果物を所有し、支出を管理し、デザインをホスト型プロジェクト内の状態ではなく、ポータブルでバージョン管理された資産として保ちたいときです。

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

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

Open Design はデスクトップアプリ、ローカルデーモン、そして Markdown のスキルとデザインシステムのカタログをあなたのマシン上で実行します。デザイン出力がベンダークラウドを強制的に通ることはなく、あなたのブランドは、すべてのスキルが従うポータブルな DESIGN.md ファイルとしてリポジトリに存在します。

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

Open Design vs Lovable の機能比較

Lovable が勝る点: あなたの目標がバックエンドの配線済みのデプロイ済み・ホスト型フルスタックアプリなら、Lovable はそれを最初から実現し、Open Design は実現しません。Open Design はデザインファーストです。

どちらを選ぶべきか

Lovable を選ぶべきケース:

• セットアップなしでプロンプトからデプロイ済みのフルスタック Web アプリが欲しい。
• ワンクリックのホスティングと、バックエンドの配線済みが欲しい。
• ローカルファイルよりホスト型 UI とプロジェクト単位のクレジットを好む。

Open Design を選ぶべきケース:

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

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

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

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

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

FAQ

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

   いいえ。Lovable はデプロイ済みのフルスタックアプリを出荷し、Open Design はデザインファーストであなたが所有する成果物を生み出します。両者はプロンプトから UI で重なりますが、バックエンドのホスティングでは重なりません。

2. 02 Open Design は Lovable のようにフルアプリを構築できますか？ +

   Open Design はデザイン成果物、プロトタイプ、ブランドシステムに焦点を当てています。本番バックエンドやワンクリックのホスティングなら、Lovable の方が適しています。

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 と並行して Lovable を使い続けられますか？ +

   はい。多くのチームが Open Design でデザインのプロトタイプを作り、Lovable でアプリを出荷しています。移行は現時点では手動です。

6. 06 Open Design は Lovable と提携していますか？ +

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