【2026年最新】Figma AIの使い方完全ガイド｜Make・料金・AIクレジットの仕組みを徹底解説
FigmaにAI機能が本格統合され、デザイナーの作業フローが大きく変わりつつあります。特に2025年7月に登場したFigma Makeは、テキストプロンプトからUIやWebアプリを生成できるツールとして注目を集めています。
ただし2026年3月からはAIクレジット制に移行し、使い方次第でコストが大きく変わるのが現実。この記事では、Figma AIの全機能と料金体系を整理し、実務でどう活用すべきかを解説します。
この記事でわかること
- Figma AIとFigma Makeの違い・全機能
- プラン別の料金とAIクレジットの仕組み
- Figma Makeの具体的な使い方（ステップ付き）
- v0・Framer・Builder.ioとの比較
- AIクレジットを節約するコツ
30秒で結論
- Figma AIはFigma全体に統合されたAI機能群。画像生成・テキスト編集・レイアウト提案などが使える
- Figma Makeはプロンプトからアプリ/プロトタイプを生成する別機能。React/TypeScriptベースのコードを出力
- 2026年3月からAIクレジット制。Professionalプラン（$16/月）で月3,000クレジット
- Figmaユーザーなら追加契約なしで使える。既存の設計資産と連携できる点が最大の強み
Figma AIとは？2026年の全体像
Figma AIは、Figmaプラットフォーム全体に統合されたAI機能の総称です。個別のアプリではなく、既存のFigma Design・FigJam・Figma Slidesに横断的にAI機能が追加されています。
主なAI機能
| 機能 | 説明 | クレジット消費 |
|---|---|---|
| Figma Make | プロンプトからアプリ/プロトタイプ生成 | タスク複雑度により変動 |
| AI画像生成 | GPT Image 1 Mini〜Gemini 3 Proで画像生成 | 5〜25クレジット/枚 |
| AI画像編集 | 既存画像のAI加工 | 5〜25クレジット/枚 |
| テキスト生成 | UIテキスト・コピーの自動生成 | 少量 |
| レイアウト提案 | デザインの自動レイアウト調整 | 少量 |
| コード生成 | デザインからReact/HTMLコード出力 | 少量 |
2025年のConfig発表以降、段階的に機能が追加され、2026年4月時点ではほぼすべてのFigma操作にAIが介入できる状態になっています。
Figma Makeとは？従来のプロトタイプとの違い
Figma Makeは、自然言語のプロンプトから動くWebアプリやプロトタイプを生成する機能です。従来のFigmaプロトタイプが「見た目の確認」にとどまっていたのに対し、Makeは実際に動くコード（React/TypeScript）を出力します。
Figma Make vs 従来プロトタイプ
| 比較項目 | 従来のプロトタイプ | Figma Make |
|---|---|---|
| 出力物 | 画面遷移のモック | 動くWebアプリ（.tsx） |
| 対象ユーザー | デザイナー中心 | デザイナー＋エンジニア＋非エンジニア |
| コード出力 | なし | React/TypeScript |
| AI利用 | なし | プロンプト入力で自動生成 |
| 共同作業 | コメント可 | 閲覧・確認は可（コメント機能は未対応） |
Figma Makeの使い方（4ステップ）
ステップ1: Figma Makeを開く Figmaのダッシュボードから「Make」を選択するか、新規ファイル作成時にFigma Makeを選びます。
ステップ2: プロンプトを入力 チャットエリアに「タスク管理アプリを作って。入力欄、リスト表示、完了チェックボックスが必要」のように指示を入力します。日本語プロンプトにも対応しています。
ステップ3: プレビューで確認・修正 AIがReact/TypeScriptコードを生成し、即座にプレビュー表示されます。「ポイントして編集」機能で、プレビュー上の特定のUI要素をクリックして直接修正できます。
ステップ4: 共有・エクスポート チームスペースに配置して共有できます。Full seatであれば公開も可能です。コードはエクスポートして開発環境に持ち込めます。
料金プランとAIクレジットの仕組み
2026年3月18日から、Figma AIはクレジット制に移行しました。すべてのプランにAIクレジットが含まれていますが、上限が異なります。
プラン別AIクレジット比較
| プラン | 月額（年払い） | Full seat月間クレジット | Dev/閲覧seat |
|---|---|---|---|
| Starter（無料） | $0 | 制限あり | 500クレジット |
| Professional | $16/月 | 3,000クレジット | 500クレジット |
| Organization | $55/月 | 3,500クレジット | 500クレジット |
| Enterprise | $90/月 | 4,250クレジット | 500クレジット |
クレジット消費の目安
AI画像生成の場合、モデルによって消費量が異なります。
- GPT Image 1 Mini: 5クレジット/枚（コスパ重視）
- Gemini 2.5: 8クレジット/枚
- Google Imagen 4: 8クレジット/枚
- GPT Image 1.5: 8クレジット/枚
- Gemini 3 Pro: 25クレジット/枚（最高品質）
Figma Makeはエージェント型AIのため、タスクの複雑さに応じて消費量が変動します。シンプルなUI生成なら数十クレジット、複雑なアプリ生成では数百クレジットを消費する場合があります。
クレジット節約のコツ
- 明確で具体的なプロンプトを書く（曖昧な指示はAIの試行回数を増やす）
- GPT Image 1 Miniを選ぶ（画質が十分なら最もコスパが良い）
- 既存デザインを起点にする（ゼロからより修正の方がクレジットを節約できる）
- Figma Makeではモデル選択で消費量をコントロールできる
v0・Framer・Builder.ioとの比較
Figma Makeと同じ「プロンプトからUI生成」カテゴリには、複数の競合ツールがあります。
| 比較項目 | Figma Make | v0（Vercel） | Framer | Builder.io |
|---|---|---|---|---|
| 主な強み | Figma設計資産との連携 | React/Next.jsコード生成 | Web公開に強い | CMS連携・ノーコード |
| 出力コード | React/TypeScript | React/Next.js | 独自形式 | React/Angular等 |
| 公開機能 | 限定的 | Vercel連携で即公開 | 内蔵（SEO対応） | CMS内蔵 |
| 料金 | $16〜$90/月+クレジット | $20/月〜 | $15/月〜 | $19/月〜 |
| 最適な用途 | 既存Figmaユーザー | フロントエンド開発 | マーケサイト | エンタープライズCMS |
選び方のポイント:
- Figmaを既に使っているチーム → Figma Make（設計資産を活かせる）
- React/Next.jsで開発する → v0（コード品質が高い）
- マーケティングサイトの公開まで完結したい → Framer
- 既存サイトへのCMS組み込み → Builder.io
Figma AIの活用シーン
デザイナー向け
- ワイヤーフレームからの高精度プロトタイプ生成
- UIテキストの多言語バリエーション生成
- デザインシステムに沿ったコンポーネント提案
エンジニア向け
- デザインファイルからReactコードを自動抽出
- MCP連携でAIコーディングツール（Cursor等）と接続
- インタラクティブプロトタイプでの仕様確認
PM・ビジネス担当者向け
- PRDからのモックアップ自動生成
- ステークホルダー向けのデモアプリ作成
- 複数案の比較検討（A/Bデザイン案の高速生成）
注意点・デメリット
クレジット消費の予測が難しい
Figma Makeのエージェント型AIは消費量が変動するため、月末にクレジット切れになるリスクがあります。チーム管理者は使用状況を定期的にモニタリングすることを推奨します。
複雑なロジックには限界がある
Figma Makeが生成するのはフロントエンドのUIコードが中心です。バックエンド連携、認証機能、データベース操作などの複雑なロジックは手動実装が必要です。
著作権・データの取り扱い
生成物はCustomer Contentとして扱われますが、権利関係が自動保証されるわけではありません。商用利用時は法務確認を推奨します。
よくある質問（FAQ）
Q. Figma AIは無料で使えますか？
はい、Starterプラン（無料）でもAIクレジットが付与されます。ただし上限が低いため、本格利用にはProfessional以上が必要です。
Q. Figma Makeは日本語プロンプトに対応していますか？
対応しています。ただし英語プロンプトの方が精度が高い場合があります。
Q. AIクレジットは翌月に繰り越せますか？
いいえ、未使用クレジットは翌月に繰り越されません。月内に使い切る設計です。
Q. Figma MakeとCursorは競合しますか？
用途が異なります。Figma Makeはデザイン→プロトタイプの生成、Cursorは本格的なコーディングが主戦場。Figma MCP連携で両者を接続する使い方が2026年のトレンドです。
Q. チームでAIクレジットを共有できますか？
クレジットはシート単位で付与されます。チーム全体の使用状況は管理者が管理画面から確認できます。Organization/Enterpriseプランでは追加クレジットの購入も可能です。
Q. Figma AIで生成した画像やコードの商用利用は可能ですか？
Figmaの利用規約上、生成物はユーザーのCustomer Contentとして扱われます。ただし、入力に使った素材の権利確認は自己責任です。商用利用前に法務確認を推奨します。