3行でいうと

  • 使える入口は、ブラウザ(lovable.dev)、デスクトップアプリ(macOS 13以降、Windows 10以降)、iOS・Androidのアプリ、Slack、ChatGPTなどです。ただしスマホアプリでは、アカウントを新しく作れません。先にウェブで登録します。
  • アカウントの作り方は、メールとパスワード、Google、GitHub、Appleです。登録すると、無料の個人用ワークスペースができます。
  • 無料プラン(Free)は、1日5クレジットの「ビルド用クレジット」(月に最大30)と、毎日の「チャット枠」などが付きます。lovable.app のアドレスへの公開は、全プランで無料と公式に書かれています。
  • 最初に決めたいのは、①どのログイン方法か、②学習への利用を許すか(FreeとProは初期状態で対象になりうる)、③作ったものを誰に見せるか、④データを置く地域です。

この記事は、公式の資料を2026年10月23日に読んでまとめたものです。この記事は、実際に使って確かめた記録ではありません。メニュー名や設定名は公式の表記を写しています。公式ページは要約の形で取得したため、読めていない部分は「公式の資料では確認できていない」と書きました。

先に結論

前提:用語をそろえる

たとえ話:建築家に、設計から頼む

Lovableを、図面も書ける工務店だと考えてみます。「こんな店を開きたい」と話すと、まず模型(プレビュー)ができます。気に入らなければ「入口をもう少し明るく」と頼みます。工事の費用は、作業の大きさに応じて「クレジット」で払います。完成しても、お客さんに見せる「公開」は、扉を開けると決めたときです。公開した店は、その時点の姿の写しで、模型をいじっても店の見た目は変わりません。これは僕らのたとえで、公式の表現ではありません。

どこで使えるか

公式のドキュメントから読み取れる入口を並べます(確認日 2026-10-23)。

入口 公式に書かれていること
ウェブ(lovable.dev) 中心の入口。アカウント作成も、ここから
デスクトップアプリ macOS 13以降(Apple SiliconとIntel)とWindows 10以降。全プランで追加料金なし。ウェブ版の内容に加えて、ローカルのMCPサーバー(自分のパソコン上のツール)につなげる
モバイルアプリ iPhone・iPadはiOS 15以降、AndroidはAndroid 9以降。無料。ただし、アカウントの新規作成はできず、先にウェブで登録する必要がある
Slack @Lovable と呼びかけてプロジェクトを作る。全プランで使える
ChatGPT ChatGPTの会話で @Lovable と呼びかけると、最初の版を作る。初期のリリースで、続きの編集はLovableで行う
MCPサーバー 外部のAIクライアントからプロジェクトを操作する。03で扱う

公式のドキュメントのトップは、Telegramのボットも並べています。公式の「Lovable in Telegram」によると、Account settings → Devices & apps の「Connect to Telegram」からつなぎ、TelegramでLovableのボットに話しかけて、プロジェクトの作成、修正、公開などを頼めます。FreeまたはProのワークスペースが要り、BusinessとEnterpriseでは使えない、と書かれています(ダイレクトメッセージのみ。接続用のリンクは10分で切れます)。

アカウントと、最初の設定

公式の「Create an account」には、次のことが書かれています。

アカウントの設定は、ダッシュボード左下のアイコン、またはショートカット(Mac は Cmd+.、Windows は Ctrl+.)から開く、と書かれています。

無料でどこまでか

公式の「Subscription plans」と「Credits and usage」から、Freeの内容を整理します(確認日 2026-10-23)。

項目 Freeで書かれていること
ビルド用クレジット 毎日5つ。1暦月に最大30
チャット枠 毎日付く。使えるのはチャットだけで、日をまたぐと消える
Cloudの月ごとの枠 月20
アプリ内AI機能の月ごとの枠 月4
コネクタの月ごとの枠 月1
公開 lovable.app のアドレスは無料。見せられる相手は、一般公開か、招待した人(プロジェクトあたり最大10人)
コードの編集、ダウンロード 含まれない(読み取り専用)。Git同期は使える
独自ドメイン、デザインシステム 含まれない
招待できるワークスペースのメンバー 無制限

最初の10分:公式のクイックスタート

公式のクイックスタートの流れを写します。

  1. 無料のアカウントを作る(またはホームページに先にプロンプトを入れ、送信時に登録する)。
  2. 「Ask Lovable to create…」の欄で、モードを Build にして、作りたいものを普通の言葉で書く。どの言語でもよい、と書かれています。
  3. 数分で最初の版ができ、左に project chat、右に preview のエディタに入る。
  4. 変更は1つずつ頼み、そのたびにプレビューを確認する。
  5. プレビューのツールバーで要素を選んで頼む。文字は Edit text inline で直接直せる。
  6. 全部のボタンとリンクを押して動作を確かめる。公式は、デバイスの切り替えで Mobile view も見るよう書いています(ツールバーの個別ページには、このデバイス切り替えの説明が見つかりませんでした)。
  7. 右上の Publish を押し、アドレスを確認してもう一度 Publish。あとの更新は Publish changes。

変更はすべて「版」として保存され、戻せる、と書かれています(戻す機能の細かい注意は、04で扱います)。

作ったものとデータは、どこにあるか

公式の資料から分かる範囲です。

最初に決めること:4つ

  1. ログイン方法。 一度決めたら揃えるのが分かりやすい、と僕らは考えます(見立て)。メールを変える手順が簡単ではないと、公式のFAQが書いているためです。
  2. 学習への利用。 FreeとProでは、2026年9月9日から、プロンプト、コード、プロジェクトのファイルなどが学習に使われうる、とデータのページは書いています。止めるには Account settings → Preferences → AI model training で、「Use my Lovable content for model training」をオフにします。詳しくは04です。
  3. 誰に見せるか。 公開は、FreeとProでは「一般公開」か「招待のみ」です。個人情報や社内のデータを扱うものは、公開の前に、見せる相手を確かめます。
  4. どの地域にデータを置くか。 バックエンドを有効にする前に決めます。あとで変えられないためです。

気をつけること

出典