あなたのLovableプロジェクトをFigmaにインポート

Lovableで作成したアプリプロトタイプを、編集可能なFigmaデザインに変換しましょう。デザインプロセスをスピードアップできます。

Lovableで作成したアプリプロトタイプを、編集可能なFigmaデザインに変換しましょう。デザインプロセスをスピードアップできます。

LovableからFigmaへ

プロンプトや参考デザインからFigmaデザインを自動生成

FigmaにエクスポートしたいLovableアプリのリンクやスクリーンショットを貼り付けるだけで、あとはAIが自動で処理します。

FigmaにエクスポートしたいLovableアプリのリンクやスクリーンショットを貼り付けるだけで、あとはAIが自動で処理します。

画面を編集して追加の画面を生成する

インポートしたデザインの特定の箇所を編集したり、エディタで追加の画面を生成したりできます。また、そのままエクスポートに進むこともできます。

インポートしたデザインの特定の箇所を編集したり、エディタで追加の画面を生成したりできます。また、そのままエクスポートに進むこともできます。

使い方

1

インポート

Lovable AIアプリのスクリーンショットをアップロードするか、アプリのリンクを貼り付けてください。

Lovable AIアプリのスクリーンショットをアップロードするか、アプリのリンクを貼り付けてください。

2

確認

Lovableからエクスポートする必要のあるすべての画面を確認・編集して、内容を確定してください。

Lovableからエクスポートする必要のあるすべての画面を確認・編集して、内容を確定してください。

3

Figmaにコピー

インポートしたLovableの画面を、1クリックでFigmaに直接コピー&ペーストできます。

インポートしたLovableの画面を、1クリックでFigmaに直接コピー&ペーストできます。

Figmaはちょっと怖いですか?

デザインの一部を編集したいけれど、Figmaの操作が難しく感じていませんか? シンプルなAI搭載デザインプラットフォームを使えば、いつでもFigmaにエクスポートできます。

デザインの一部を編集したいけれど、Figmaの操作が難しく感じていませんか? シンプルなAI搭載デザインプラットフォームを使えば、いつでもFigmaにエクスポートできます。

今すぐ始める

Lovableのプロジェクトをエクスポートし、UI-AIを使ってアプリデザインのアイデアを素早く形にしましょう。

LovableエクスポートFAQ

これはLovable自体でできないのですか?

いいえ、LovableはFigmaからのインポートのみに対応しており、Figmaへのエクスポートには対応していません。そのため、Figmaに既存のデザインがあり、それをLovableで利用したい場合はインポートして使うことができます。しかし、その逆にLovableからFigmaへ書き出したい場合には、そのための組み込み機能は用意されていません。

いいえ、LovableはFigmaからのインポートのみに対応しており、Figmaへのエクスポートには対応していません。そのため、Figmaに既存のデザインがあり、それをLovableで利用したい場合はインポートして使うことができます。しかし、その逆にLovableからFigmaへ書き出したい場合には、そのための組み込み機能は用意されていません。

LovableやFigmaで有料プランは必要ですか?

いいえ、LovableやFigmaの有料プランは必要ありません。無料のBananiアカウントを作成すれば、すぐにLovableプロジェクトのインポートを開始できます。

いいえ、LovableやFigmaの有料プランは必要ありません。無料のBananiアカウントを作成すれば、すぐにLovableプロジェクトのインポートを開始できます。

Lovableからエクスポートした後、Figma上で編集できますか?

はい! エクスポートしたデザインは、Figmaと当プラットフォームの両方で編集できます。要素のサイズや画面上のテキスト、カラーパレットは、プロンプトを使って

はい! エクスポートしたデザインは、Figmaと当プラットフォームの両方で編集できます。要素のサイズや画面上のテキスト、カラーパレットは、プロンプトを使って

その後、Figmaのプラグインを使う必要はありますか?

プラグインは不要です。Lovableからエクスポートしたデザインは、Figmaファイル間でコピー&ペーストするのと同じ感覚で、そのままFigmaに貼り付けることができます。

プラグインは不要です。Lovableからエクスポートしたデザインは、Figmaファイル間でコピー&ペーストするのと同じ感覚で、そのままFigmaに貼り付けることができます。