Figma Makeとは？
Figma Make（フィグマ メイク）は、作りたいものを文章で指示すると、操作できるプロトタイプやWebアプリを生成するFigmaのAI機能です。白紙からアイデアを伝えるだけでなく、Figmaで作った画面やコンポーネントを参考資料として渡し、デザインを動く形へ変えられます。
生成されたアプリはプレビューしながら会話で修正でき、コードエディターから中身を確認・編集することもできます。デザイン案を見せるだけだったFigmaから、実際の操作感まで試せる形へ進めるためのサービスです。
どんなことに使える？
- デザイン案をクリックできるプロトタイプにする
- ランディングページや小さなWebアプリを作る
- 同じデザインから複数の操作方法を試す
- 企画段階で利用者の流れや画面遷移を確認する
- 生成されたコードを書き出し、開発へ引き継ぐ
文章だけでは伝えにくい色、余白、部品の形をFigmaのデザインとして渡せるため、一般的なAIアプリビルダーよりも「この見た目を生かして動かしたい」という依頼に向いています。
Lovableやv0との違い
Lovableやv0は、自然な言葉からWebアプリを立ち上げ、データベースや公開まで進めやすいサービスです。Figma Makeは、既存のFigmaデザインやチームのスタイルを出発点にし、見た目と操作感を試す流れに強みがあります。
デザイナーが作った画面をそのまま試作品へ近づけたいならFigma Make、アイデアからサービス全体を作りたいならLovableやReplit Agent、既存のコードを幅広く修正したいならCodex、という使い分けが考えられます。
使うときの注意点
生成された画面が動いても、認証、データ保存、セキュリティ、アクセシビリティまで完成しているとは限りません。公開前には、スマートフォン表示、キーボード操作、エラー時の挙動などを人間が確認する必要があります。
また、Figma Makeはプロンプトを送るたびにAIクレジットを消費し、モデルや作業の複雑さによって消費量が変わります。最初に目的、対象画面、残したいデザインを明確にし、大きな修正を繰り返さないことがポイントです。