ツールを投稿

Figma Make

動くプロトタイプとウェブアプリを作る、プロンプトからアプリへのAI

フリーミアム コードアシスタント
ツールを開く →

Figma Makeは、デザイナーとプロダクトチームがアイデアを動く形にするためのものです。ユーザーがアプリを説明するか、Figmaのデザインから始めると、AIがコードで操作できる版を作ります。その後は、チャットする、キャンバス上で調整する、コードを直接変える、のいずれかで編集できます。

Figmaとつながっているため、デザイン、コンポーネント、スタイルを出発点にでき、結果をデザインシステムと揃えられます。チームは、エンジニアリングを巻き込む前に現実に近いプロトタイプでアイデアを試し、関係者に動くデモを共有します。データの保存のようなバックエンド機能があると、プロトタイプは本物のアプリに近い動きができます。

Figma MakeはFigmaのプランに含まれ、利用の上限はAIクレジットに紐づきます。プロトタイプは探索に向きますが、本番のアプリケーションにはエンジニアリングの確認が必要です。代替にはv0、Lovable、Bolt、Claude Design、Framerがあります。Figma Makeは、デザインを動くプロトタイプにしたいデザイナーとプロダクトチームに向いています。