LovableでMCPサーバーが使えるようになりました
コミュニティの皆さまがより本格的なアプリを構築するようになるなかで、「普段使っているツールとLovableを連携させたい」という声をはっきりといただいてきました。本日、Notion、Linear、Confluence、Jira、n8nとの連携をリリースします。これらの連携でできることは次のとおりです。
- Lovable Agentが扱えるコンテキストを広げ、より優れたプロダクトやプロトタイプを構築できます。チームがすでに使っているツールから、PRDやチケット、関連情報を取り込めます。
- アプリをワークフローにつなげ、より強力な社内ツールや顧客向けアプリを実現できます。
Atlassian：アイデアから成果までをよりスピーディーに
ConfluenceやJiraを使っているチームは、ページやエピックを起点に、実際に動くプロトタイプを作れるようになりました。LovableはConfluenceのページと、そこにリンクされたPRD、技術仕様書、アーキテクチャ文書などのドキュメントをすべて読み込み、チームの基準に沿ったプロトタイプを構築します。複数のアプローチを試し、すぐにフィードバックを集め、筋の悪いアイデアは早めに見切りをつけ、検証済みのものだけを本格的に開発できます。準備が整ったら、動作するプロトタイプをそのままConfluenceに埋め込み、一連のサイクルを完結させましょう。
「Atlassianのミッションは常に、チームがアイデアから成果までをより速く進められるよう支援することです」と、AtlassianのSVP of TeamworkであるSanchan Saxena氏は語ります。「Lovableによって、そのビジョンが新しいかたちで実現します。JiraやConfluenceといったAtlassianのアプリをLovableのクリエイティブな環境に直接取り込むことで、チームはコンテキストや勢いを失うことなく、デザイン、プロトタイプ作成、構築をひと続きの流れで進められます」
Notion：すべてのコンテキストをLovableに
Notionのワークスペースを、Lovableでの構築における共有の「頭脳」として活用できるようになりました。Lovable AgentをNotionに直接接続することで、PRD、デザイン仕様、技術ドキュメントのコンテキストをすべて踏まえて構築できます。完成したLovableアプリは、Notion上のプロジェクト計画のすぐ横に埋め込めます。
Linear：プロトタイプでスプリント計画を加速
Linearで開発を進めるプロダクトチームは、イシューをLovableに直接取り込めるようになりました。Lovable Agentは、イシューに含まれる仕様をもとに、実際に動くプロトタイプを構築できます。
これにより、プロダクトマネージャーはエンジニアのリソースを割り当てる前に、何を作ろうとしているのかをステークホルダーに見せられます。動作するプロトタイプはLinearに添付できるため、スプリント計画では仕様について議論する代わりに、実際のデモを触りながら検討できます。LinearとLovableを併用することで、早い段階でフィードバックを得て、作るものについて認識をそろえ、検証済みの要件をエンジニアリングチームに引き渡せます。
n8n：自動化でアプリをレベルアップ
n8nは、400以上のツールやサービスをつなぐワークフロー自動化プラットフォームです。新しいn8nコネクタを使えば、アプリを400以上のツールに接続し、スタック全体にわたるワークフローを自動化できます。
n8nのワークフローをLovableに直接接続しましょう。HubSpotからのデータ取得、Slackとの同期、Google Sheetsとの連携、Salesforceでのアクション実行など、さまざまなことが可能です。初日から実データとリアルタイムの連携を備えたアプリを構築し、バックエンドの自動化をユーザー向けの機能に変えられます。
n8n + Lovableで構築できるもの：
- リード獲得ツール：CRMの更新、営業チームへの通知、メールシーケンスの開始をトリガーするフォームを構築できます。
- 営業ダッシュボード：Salesforce、Stripe、Gongのデータを1つの画面にまとめられます。
- マーケティングダッシュボード：広告プラットフォーム、分析ツール、売上データを1か所に集約できます。
- 顧客データツール：プロダクトの利用状況、サポートチケット、請求情報をスタック全体から集約できます。
社内自動化ツール：Slackへの通知送信、Google Sheetsの更新、その他のツールとの同期を行うシステムを構築できます。 - オペレーションダッシュボード：複数のソースから在庫データを取り込み、設定したしきい値に基づいてアラートを設定できます。
n8nのワークフローはバックグラウンドで常に実行されるため、バックエンドのインフラを管理しなくても、Lovableアプリをリアルタイムのデータに接続したままにできます。
これらの連携を使って皆さまが何を作るのか、とても楽しみにしています。今後数週間でさらに多くの連携を追加する予定です。ここで少しだけ先行してご紹介します。
Miro（近日公開）
近日中に、Miroで共同作業しているチームは、Miro上のPRD、ユーザーストーリー、フローを、MCPを通じてLovableで動くアプリに変えられるようになります。ワークショップの実施、カスタマージャーニーのマッピング、ワイヤーフレームの作成、情報設計など、どのような作業でも、MiroボードをLovableに接続して、アイデアをはるかに速く形にできるようになります。
LovableはMiroボードからコンテキストを読み取り、チームのアイデアをアプリとして形にした、実際に動くプロトタイプを構築します。そのプロトタイプをMiroに埋め込めば、チームはコンテキストの中で操作を試し、アイデアのすぐ横にフィードバックを残し、次のバージョンを一緒に練り上げられます。
チームにとってLovableをさらに便利にするコネクタは、ほかにどんなものがあるでしょうか？ぜひご意見をお聞かせください。
デザインをより細かくコントロール
今週は、ビジュアル編集ツールを1か所に集約した新しい「デザイン」ビューをはじめ、デザイン関連の機能を拡充していきます。Visual Editsのアップデートに加え、テーマや画像生成といった新機能も含まれます。デザイン関連のアップデートは本日から順次展開し、今週末までにすべてのユーザーにご利用いただける予定です。
テーマ
テーマを使うと、カラー、タイポグラフィ、余白といったブランド基準を設定し、ワークスペース全体で再利用できます。複数のブランドを管理していますか？テーマは複数作成でき、簡単に切り替えられます。
Visual Editsの改善
ビジュアル編集でできることを広げています。これまでもテキストや色は変更できましたが、今後はさらに多くの操作を直接行えるようになります。
複数の要素を選択してまとめて編集できます。マージンとパディングを全方向で調整できます。サイドバーからフォントと色を変更できます。静的な要素だけでなく、ページ上のより多くのテキストを直接編集できます。枠線、影、アイコンを調整できます。改善されたレイアウトツールで、配置や整列をコントロールできます。
AIによる画像生成
AIで画像を編集したり新しく作成したりできるため、Lovableを離れたりストックフォトを探し回ったりすることなく、アプリをレベルアップできます。欲しい画像を説明するだけで、Lovableが作成します。
今日から実現できること
プロダクトチームは、チケットからプロトタイプまでを数時間で仕上げられます。チケットから仕様を取り込み、概念実証をステークホルダーと共有して承認を得ましょう。
詳しくはこちら：プロダクトマネージャー向けLovable →
マーケティングチームは、キャンペーンを当日中に公開できます。Notionからブリーフを取り込み、n8nでバックエンドの自動化を接続すれば準備完了です。デザインのサポートがなくても大丈夫。カスタム画像を簡単に生成し、ワークスペースのテーマを適用できます。
社内チームは、自分たちのニーズにぴったり合ったツールを構築できます。予算管理ツール、承認システム、ベンダー管理ポータル、データ収集フォームなど。自社のワークフローに合わせて作ったツールを、すぐ手元で使えます。
