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

Lovable はプロンプトをデプロイ済みのフルスタックアプリに変えます。Open Design は Claude Code やその他のコーディングエージェント向けの自己進化型デザインエージェントで、ローカルファースト・BYOK・Apache-2.0 であり、自分のリポジトリにファイルとして残すデザイン成果物とポータブルなブランドの生成に焦点を当てています。

これは正直な比較です。Lovable とは何か、なぜチームが代替を探すのか、ローカルファースト + BYOK が経済性をどう変えるのか、機能ごとの表、誰がどちらを選ぶべきか、そしてデザインをどう移行するか。Lovable が勝る点についても率直に述べています。

02

無料でオープンソースの Lovable 代替はありますか？

はい。Open Design は無料でオープンソース——Apache-2.0、BYOK なので、アプリ自体は無料で、支払うのは自分のプロバイダーの API 費用だけです——そしてデザインファーストの選択肢です。Dyad（Apache-2.0）はもう一つのオープンソースの選択肢で、無料で動かせるローカルのアプリビルダーです。どちらも無料で使え、2つ合わせて「無料でオープンソースの Lovable 代替」という高意図の2つのニーズ——デザインファーストな成果物の所有（Open Design）と、セルフホスト可能なアプリビルダー（Dyad）——をカバーします。

04

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

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

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

06

Open Design vs Lovable の機能比較

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

08

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

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

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

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

FAQ

FAQ

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

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

2. 02 無料でベストな Lovable 代替は？ +

   Open Design です——無料でオープンソース（Apache-2.0、BYOK なので支払うのは自分の API 費用だけ）で、デザインファーストの作業には最も強い選択肢です。もしローカルのオープンソース・アプリビルダーが欲しいなら、Dyad（Apache-2.0）を無料で動かせます。

3. 03 オープンソースの Lovable 代替はありますか？ +

   はい——Open Design は、デザイン成果物に焦点を当てたオープンソースかつローカルファーストの代替（Apache-2.0、agent-native）で、Dyad はオープンソースのローカル・アプリビルダー（Apache-2.0）です。どちらも無料で使えます。

4. 04 Lovable と Bolt と v0——どれを使うべき？ +

   Lovable はプロンプトからフルアプリを作る非エンジニアの制作者向け、Bolt（bolt.new）はブラウザ上でフルスタックアプリを構築し、v0（Vercel）は React/Next.js の UI とコンポーネントを生成します。ホスト型ビルダー内の状態ではなく、デザイン成果物をバージョン管理されたファイルとして所有したいなら Open Design を選んでください。

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

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

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

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

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

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

8. 08 Open Design と並行して Lovable を使い続けられますか？ +

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

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

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