Figma Makeは、Figmaが提供する、プロンプトやデザイン資産からUIやインタラクティブなプロトタイプを生成するAI制作ツールです。作りたい画面を文章で伝えると動くプロトタイプやWebアプリの形で出力され、その後もプロンプトや手作業で細部を詰められます。
主な機能
- デザインコンテキストの取り込み: Make kitsでデザインシステムやnpmパッケージ、スタイル、ガイドラインを同期し、Figmaのフレームを添付して生成に反映できる
- 添付: デザイン、画像、動画、音声、テキストファイル、PDFをプロンプトに付けてAIに意図を伝えられる
- Plan mode: 生成を始める前に、意図を整理した編集可能な計画を作れる
- MCP connectors: 外部アプリのドキュメントやタスク、データを文脈として使える
- Custom skills: よく使う作業手順を再利用できる指示としてまとめられる
- キャンバスでの仕上げ: 生成したファイルをFigmaのキャンバスにコピーして、見た目を細かく調整できる
- コメント、注釈、バージョン履歴: チームでフィードバックを交わし、AIと手作業の編集をすべて追跡して以前の版に戻せる
- 音声入力: アイデアを話してプロンプトにできる
手元のコードベース上でMakeを使う機能はベータとして案内されており、本番環境への出荷までつなげる構想も示されています。
誰に向くか
デザイナー、プロダクトマネージャー、フロントエンド開発者が、企画段階の初期案を短時間で形にし、動くもので検証や共有を進めたい場面に効きます。既存のFigmaのデザインシステムをそのまま使えるため、社内の見た目のルールに沿った試作を作りやすい点も特長です。
料金
Freeプランでは個人のドラフトで試用でき、AI機能には制限があります。Figma Makeを本格的に使うならProfessionalプラン、組織管理やAIクレジット管理が必要な場合はOrganizationやEnterpriseプラン(要問い合わせ)が対象です。AIはクレジット制のため、使い方によって利用量に注意が必要です。複雑な実装は生成後の調整が前提になります。
