「プロンプトから、触れる高忠実プロトタイプや動くアプリを作る」。Figma Make は、Figma純正の prompt-to-app(プロンプト→アプリ)ツールです。デザイナーや非エンジニアでも、技術背景を問わずインタラクティブな試作をすばやく作れます。
Figma Make とは
Figma Make は、Figma の AI機能群の一つで、プロンプトやデザインから動くプロトタイプ/アプリを生成するツールです(ベータを終えて一般提供)。「アイデアを“体験”に変えるプロトタイプで、チーム全員が自分たちのプロダクトのユーザーになれる」――そんなコラボレーションの形を狙っています。
主な使い方
- Figma Make にプロンプトを入力し、最初の画面を生成。
- Point to Edit(部分を指して編集)で細部を調整。
- Show Source / Inspect Code でコードを確認。
- ライブラリ接続で自社のデザインシステムに沿わせる。
- Supabase等でバックエンドを足し、フルのプロトタイプへ。
Figma の AI群には Make のほか、ノーコードでサイトを作る Figma Sites、デザイン→コードの Figma MCP(コンポーネント・variable・トークンをAIに渡す)などがあり、組み合わせて使えます。html.to.design の .make 書き出しとも接続します。
強みと注意点
- 強み:Figma上のデザイン資産・ライブラリと地続きで、デザイナーの発想をそのまま動く形に。
- 注意:生成物をFigmaに戻して本格的に編集しようとすると扱いづらい場面がある、モデルごとの得手不得手が分かりにくい、といった声も。まずは“早期のアイデア出し・プロトタイプ”用途が現実的。
料金
Figma の有料プランやAIの利用枠に紐づきます(プランや提供条件は変動)。最新は公式で確認してください。
主な情報源
機能・提供条件・料金は公開時点のものです。収集・要約はAI、公開判断は人。