Can't I do this in Lovable itself?

No, Lovable only supports importing from Figma, not exporting. So, if you have existing designs in Figma that you want to use in Lovable, you can do that. However, if you want to do it the other way around, they don't offer any built-in features.

Do I need a paid Lovable or Figma account?

No, you don't need a paid plan for Lovable or Figma to use our export. You can create a free Banani account and start importing Lovable projects immediately.

Is it editable inside Figma after export from Lovable?

Yes! Designs you export are editable in both Figma and our platform. You can adjust element sizes, screen texts, and the color palette either using prompts or directly inside the Figma editor after exporting.

Do I need to use Figma plugins after?

No plugins are required. You can copy and paste designs exported from Lovable into Figma just like copying designs between Figma files.

最高のLovable→Figma書き出しAI

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

はじめる

無料

無料のLovableからFigmaへの変換AI。

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

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

無料で試す

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

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

無料で試す

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

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

無料で試す

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

無料で試す

使い方

インポート

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

確認

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

Figmaにコピー

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

シンプルなのに強力なAIデザインツール

Figmaエディターの複雑さに圧倒されていませんか？そんなときは、私たちのAI搭載デザインエディターにおまかせください。そこで編集し、必要なときにいつでもFigmaへエクスポートできます。

はじめる

無料

LovableをFigmaにエクスポート
プロダクトチーム全体向け

PM

Lovableを、デザインフィードバック用の共有可能なFigmaに変えましょう。

デザイナー

FigmaデザインとAIエディタでLovableの画面を洗練させましょう。

創業者

LovableとFigmaを統合したワークフローで、高速に反復しましょう。

UXデザインとは？

UXデザインは、ユーザーの問題や課題を解決する製品やサービスを設計するプロセスです。ユーザーが製品やサービスとどのように関わるかを最適化することで、シームレスで直感的かつ楽しい体験を提供することに重点を置きます。

はじめる

無料

10万以上のユーザーや企業に利用されています

プロダクトマネージャー、創業者、デザイナー、学生、インディーハッカーなど、さまざまな人が私たちのUIデザインAIを利用しています。

PMとして、アイデアを視覚的かつ効果的に伝えるために、素早くワイヤーフレームを作成する必要があります。多くのツールを試しましたが、Bananiは最もシンプルで、すぐに価値を実感できました。

Faisal

要素をクリックすると、その後にユーザーが見る内容をツールが生成してくれるのがいいですね。とても直感的なアプローチです。

Alex

とにかく使いやすく、デザインプロセスを大幅にスピードアップしてくれます。さらに、驚くほど高い柔軟性も備えています。

Nena

生成されるワイヤーフレームも素晴らしいですし、AIが生み出すインタラクティブなレスポンスも気に入っています。本当に最高のプロダクトです！

Lynn

今すぐ使い始めることをおすすめします。本当にすごいプロダクトを作っているチームです。

Pavel

今まで試したUI生成の中で、たぶん最高です。

Jayda

ミニマルなデザインが大好きです。他のツールのように複雑すぎて圧倒されることがなく、すんなり使えます。

Jake

このAIデザインコパイロットが本当に気に入っています！

Kate

はじめる

無料

はじめる

無料

アプリデザインのアイデアがありますか？モバイルでもデスクトップでも、対応するAIがあります。

AI UIデザインツール

LovableエクスポートFAQ

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

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