Lovableのコネクタ、MCP、デスクトップ、Build with URL で外へつなぐ手順（その3）：チャットコネクタ、自作MCPサーバー、デスクトップのローカルMCP、アプリのMCP化、Build with URL を、公式の記載に沿って設定する

この記事は、公式の資料を2026年10月25日に読んでまとめたものです。この記事は、実際に使って確かめた記録ではありません。

画面の表記は変わります。公式ページの表記を使っているので、手元の画面と照らして読んでください。秘密の値の登録や、IPアドレスの許可のように、外のシステムに権限や記録を登録する操作は、登録の前に、公式ページの原文を見てください。「この記事の案」は、公式の手順ではなく、この記事で組んだ例です（動作は確かめていません）。

先に結論

• 向きを確かめる。 コネクタは「Lovableが外のツールを読む」、Agent integrations は「外のAIがあなたのアプリを呼ぶ」、ローカルMCPは「Lovableデスクトップがパソコン上のツールを呼ぶ」です。
• 権限は、設定の画面で決まる。 チャットコネクタは「自分のアカウントの権限」で動きます。
• 外し方は、連携ごとに違う。 チャットコネクタは「Connectorsで見直し、取り消せる」とだけ、カスタムMCPサーバーは「削除の手順が書かれていない」と、公式のページにあります。
• 個別のコネクタ（Notion、Slack、Stripeなど）の細かい手順は、この記事では読んでいません。 目録のページに並ぶ、数多くの個別ページがあります。

前提：用語をそろえる

• コネクタ：Lovableが外のツール（SlackやNotionなど）とつながる仕組みの名前です。
• MCP：AIが外のツールを呼ぶ共通の約束です。MCPサーバーはツールを出す側、クライアントは呼ぶ側です。
• シークレット：APIキーのような、人に見せてはいけない値です。
• IPアドレス、許可リスト：通信の相手の住所と、通してよい住所の一覧です。

1. 外のツールをコネクタでつなぐ（チャットコネクタ）

コネクタの種類（公式の表）

どのコネクタが、どの種類に対応するかは、各コネクタのカタログのページに出ます。Add connection のボタンに、使える選択肢が並びます。

開き方

カタログは lovable.dev/dashboard?connectors です。ダッシュボードのサイドバーの Connectors、プロンプト欄の +、プロジェクトのサイドバーの Connectors、チャットの +（Chat actions）→ Add context → Connectors、プロジェクトの More → Connectors（Project connections と MCP connectors が出る）から開きます。並べ替えは Popular、A to Z、Z to A、右上に Add custom。

チャットコネクタを足す手順（公式の記載）

1. Connectors を開き、NotionやLinearのようなコネクタを選ぶ。
2. Add connection を押す。複数の接続の種類があるときは、Chat connector を選ぶ。
3. 認証する。多くは、自分のアカウントでサインインします。Excalidraw+のように、APIキーを求めるものや、Hexのように、サーバーのURL（通常は https://app.hex.tech/mcp）を求めるものもあります。
4. n8nのように、ツール側の設定が要るものがあります（MCPのアクセスを有効にし、各ワークフローを「Available in MCP」にする）。

渡るデータと承認

• 自分のアカウントか、APIキーで認証します。共有のアカウントではありません。
• 接続は「あなた専用（Personal to you）」で、ほかの人は、自分のアカウントをつなぎます。
• Lovableは、ドキュメント、課題、図のような構造のある内容を読み、ツールが対応していれば、項目の作成や更新のような、限られた操作ができます。コネクタごとの、具体的な項目の一覧は、ページには書かれていません。
• 読み取り専用と宣言されたツールは、確認なしで動きます。それ以外は、先に承認のカードが出ます。カードでは、1つのツールを Always allow にするか、Always allow all tools from this connection（のちにサーバーが足すツールも含む）を選べます。この選択は自分の承認だけに効き、接続の設定で変えられます。
• 01と03にあるとおり、コネクタの要求は「コネクタのゲートウェイ」を通ります。詳しい保存の仕組みは、「Integration security」のページで、この記事では読んでいません。

外し方と管理

• 見直し、変更、取り消しは Connectors で行います（ダッシュボードからも、プロジェクトの中からも開けます）。
• 管理者：チャットコネクタは、全プランで既定でオンです。BusinessとEnterpriseでは、管理者が、ワークスペース全体で切るか、個別に無効にできます。つなげないときは、管理者に確認します。
• コネクタを作れる人を、管理者とオーナーが、コネクタごとに決められます。

カスタムのコネクタ（管理者のみ）

Add custom の下に、Custom connector（REST APIをワークスペース全体のカタログに足す）、MCP server（自分のMCPサーバー）、MCP registry（MCPサーバーの一覧を足す）があります。Custom connector と MCP registry は、管理者とオーナーに限られます。

2. 自作のMCPサーバーをチャットコネクタにする

公式の「Connect a custom MCP server」の手順です。

1. Connectors を開き、右上の Add custom → MCP server。
2. Server name を入れる（例は「Internal CRM」）。
3. Connection のドロップダウンが出るとき、Direct connection のままにする。サーバーが、許可したIPだけを受けるなら、Lovable static IPs を選ぶ。
4. Server URL を入れる。
5. 認証を選ぶ：OAuth（既定）、Bearer token or API key、No authentication。
6. OAuthなら Add & authorize、それ以外は Add server。

7. Lovableに、そのサーバーが答えられることを尋ねて、つながりを確かめる。

8. 専用のヘッダーの欄は、ページに書かれていません。資格情報としては、Bearerトークンと、APIキーだけが出ています。

9. 全プランで追加できます。MCP server が灰色なら、管理者が無効にしています。
10. Lovable static IPs は、Enterpriseで、Lovableがワークスペースに有効にする必要があります。URLで足したサーバーだけで、特集のコネクタやレジストリのサーバーには使えません。接続の種類は、追加するときに決まり、変えられません。
11. 接続は個人用で、ほかのメンバーは、自分でつなぎます。文脈はプロジェクトのチャットとChatsだけで、公開したアプリでは使えません。
12. 管理者は、Connectors → Admin settings → Chat connectors の Custom MCP の行で、まとめて制御します。個々のサーバーは、その表に出ません。
13. 静的IPの注意：Lovableの静的IPは、共有の送信元で、ワークスペース専用ではありません（公式のページに、IPv4の2つの範囲とIPv6の範囲が書かれています）。公式は「許可リストは、認証ではなく、ネットワークの制御として扱う」趣旨を書いています。サーバー側の、Bearerトークンや OAuth は、そのまま残します。範囲の値は、原文で確かめてください。
14. 削除の手順は、ページに書かれていません。 接続の種類を変えるときに、サーバーを消して、足し直す、とだけあります。

3. デスクトップアプリで、パソコン上のMCPサーバーにつなぐ

デスクトップアプリ（macOS 13以降、Windows 10以降。全プランで追加料金なし）の機能です。公式のデスクトップアプリのページは、ローカルのMCPサーバーはデスクトップ専用で、リモートのMCPサーバーはWeb版でも使える、と書いています。

Figma

1. FigmaのデスクトップアプリでDesignファイルを開き、Dev Mode（</> のトグル、または Shift+D）に切り替え、Enable desktop MCP server を押す。
2. Lovableで Connectors → Local MCP servers を開き、Figmaの横の Enable を押し、求められたら承認する。

Paper

1. Paperが入っていて、動いていることを確かめる。
2. Lovableで Connectors → Local MCP servers を開き、Paperの横の Enable、承認。

自作のサーバー

1. Connectors → Local MCP servers → Custom MCP。
2. 名前と、コマンドと引数（ローカルのプロセス用）、またはURL（ローカルのHTTPサーバー用）を入れる。
3. Add server を押し、接続を承認する。

注意

• 設定ファイルの書式は、ページに出ていません。フォームは、名前、コマンドと引数、またはURLを受けます。
• 管理者のページの記載は、このページにありません。連携したローカルサーバーの確認と削除は、Connectors → Local MCP servers でできる、と書かれています。（03には、管理者の設定に「Local desktop MCP servers」の項目がある、との整理があります。この記事の取得では、そのページを読み直していません。）
• 公式は「Lovableデスクトップで、自分の端末の上で起きる処理は、自分の責任」と書いています。
• Figmaは、DesignファイルがDev Modeで開き、デスクトップのMCPサーバーが有効なときだけつながります。
• Lovableのエージェント自体は、インターネットが要り、つながらないとオフラインのメッセージが出ます。
• プレビューが、マイク、カメラ、位置情報、クリップボードの読み取りを求めたとき、Block か Allow を選べます。Remember my choice for this site で、聞かれなくなります。変えるときは、プレビューの上の権限のアイコン。

4. 作ったアプリを、AIが呼べるMCPサーバーにする

作ったアプリの機能を、ChatGPTやClaudeから呼べるようにする機能です。公式の「Publish your app as an MCP server」の手順です。

場所： アプリを開いて More → AI → Agent integrations。

前提：

• アプリが公開されていること。FreeとProでは、Publicであること。BusinessとEnterpriseでは、ワークスペースへの公開でもよい。
• ログインが要るアプリは、組み込みのバックエンドの認証、または新しいアプリでは、つないだSupabaseの認証が要る。

手順：

1. Enable agent integrations を押す。LovableがMCPサーバーを作り、ツールを提案します。ビルド用クレジットを使います。
2. 「Who should be able to call this MCP server?」に答える。選択肢は、Protected with OAuth (recommended)（既定。公式の表記）と、Public — no login（明示的に選ぶ）。
3. MCP tools の欄でツールを確かめ、足す、消す、変えるは、Lovableに頼む。
4. アプリを公開する。ツールは、公開で有効になります。
5. Your MCP link のカードのリンクをコピーして、利用者に渡す。

何が出るか： ツール1つが、AIが呼べる1つの操作です。状態は Active、Not published、Inactive、ラベルは Read-only か May modify data です。ブラウザ用のツール（WebMCP）は別に足され、MCP tools の一覧には出ません。

認証： サインインで呼び出す人を識別し、アプリの規則は、ツールの呼び出しごとに効きます。アクセスは統合全体で決まり、一部のツールだけを公開にすることはできません。

利用者側： MCPのリンクを、ChatGPTやClaudeにカスタムコネクタとして追加し、必要ならサインインします。ツールを足す、消す、名前を変えたあとは、利用者がコネクタを再読み込みします。

止め方：

• 1つのツール、または統合の全体を、Lovableに頼んで消し、公開する。
• アプリを非公開にすると、MCPサーバーは、すぐオフラインになる。
• プロジェクトを消しても、オフラインになる。60日間は復元できる、と書かれています。

注意（公式）：

• 公開のツールは、リンクを持つ誰でも呼べます。
• 組み込みのレート制限と、費用の上限はありません。高くつく操作は、アプリ側で守ります。
• 書き込みのツールは、繰り返しても結果が変わらない作り（公式の表記は safe to retry）にする、と書かれています。AIが呼び出しを繰り返すことがあるため、という理由です。
• 長い処理は、タイムアウトすることがあります。
• ワークスペースへの公開のアプリは、統合がサインインを求めるまで、公開できません。
• 公開の統合には、公開時に自動のセキュリティチェックが走ります。重大な指摘は、一部のワークスペースで、公開を止めることがあります。

費用： ホスティングとツール呼び出しに、別料金はありません。バックエンドとAIの使用量は、通常のアプリの使用量に数えられます。

5. Build with URL：リンクで、プロンプトを入れた状態でLovableを開く

形式（公式）：# のあとに、& で区切ってパラメーターを書きます。

https://lovable.dev/#prompt=YOUR_PROMPT&images=IMAGE_URL&html=PAGE_URL

例：https://lovable.dev/#prompt=Create%20a%20todo%20app

• 上限：プロンプトは50,000文字まで。画像とページは、合わせて10まで。画像はJPEG、PNG、WebPだけ（SVGとGIFは外される）。各参照は、公開のhttpまたはhttps、20 MB未満。localhost、社内ネットワーク、ログインが要るURLは外されます。外れても、リンクは壊れません。
• 開いたとき：プロンプトと添付が入力欄に入りますが、送信はされません。クリックして送ります。古いリンクの autosubmit=true は無視されます。ログアウト中でも、プロンプトは入って見えます。ホームページのリンクは、送信を押すと、登録かログインを求めます。
• 既存のプロジェクトに入れる：プロジェクトのURLに、ふつうのクエリで prompt を付けます（https://lovable.dev/projects/YOUR_PROJECT_ID?prompt=...）。入力欄に、送らずに入り、パラメーターは、URLから消えます。入力欄に、まだ送っていない文があるときは、リンクの文は無視されます。
• 注意：50,000文字を超えると、リンク全体が失敗します。長いURLは、ブラウザの長さの制限を超えることがあり、長いプロンプトには Link Generator（ログインが要る）を使う、と書かれています。画像とページは、Lovableのサーバーが取りに行くので、公開されている必要があります。
• 僕らの見立て：この仕組みを使うと、別のAIやアプリが組み立てたリンクから、Lovableを開けるはずです。公式の記載では、プロンプトは、クリックして送信するまで、作業としては始まりません。

6. この記事の案：AI同士の組み合わせ

以下は、この記事で組んだ例です（動作は確かめていません）。

気をつけること

• この記事は、実際に使って確かめた記録ではありません。公式ドキュメントのページを、要約の形で取得して読んだ範囲です。
• 個別のコネクタ（Notion、Linear、Slack、Stripe、各データベースなど）のページは、一覧で存在を確かめただけで、読んでいません。個別の権限、渡るデータ、必要な設定は、各ページを見てください。
• チャットコネクタで、「Always allow all tools from this connection」を選ぶと、のちに足されるツールも含めて、承認なしで動きます（公式の記載）。
• 自作のMCPサーバーの削除の手順は、ページに書かれていません。
• 外のAIの会社には、それぞれの規約が適用されます。Lovableの資料に、それらの扱いは書かれていません。
• 年齢、利用規約、機密情報の取り扱いの判断は、公式や専門家に確認してください。
• 価格、上限、日付は、確認日 2026-10-25 のものです。

出典

• Lovable connectors: Connect tools, services, and APIs（Lovable Documentation、Lovable、確認日 2026-10-25）
• Chat connectors: Connect your tools to Lovable using MCP servers（Lovable Documentation、Lovable、確認日 2026-10-25）
• Connect a custom MCP server as a chat connector（Lovable Documentation、Lovable、確認日 2026-10-25）
• Lovable desktop app（Lovable Documentation、Lovable、確認日 2026-10-25）
• Publish your app as an MCP server（Lovable Documentation、Lovable、確認日 2026-10-25）
• Build with URL（Lovable Documentation、Lovable、確認日 2026-10-25）
• Documentation index（llms.txt、Lovable Documentation、Lovable、確認日 2026-10-25）