Contents
Figma AI（旧称 Figma Make）とは – 現時点（2024‑04）で分かっていること
| 項目 | 内容 |
|---|---|
| 正式名称 | Figma AI（以前は「Figma Make」） |
| 発表時期 | 2023 年 11 月にベータ版を公開し、2024 年上半期に機能拡張がロールアウトされた（※公式ブログ参照） |
| 提供形態 | Figma のエディション（Professional・Organization）に組み込まれた AI クレジット制 のオプション機能 |
| 主な対象ユーザー | UI/UX デザイナー、プロダクトマネージャー、フロントエンド開発者、デザインシステム管理者 |
| 公式情報源 | - Figma Blog: “Introducing Figma AI”（2023‑11） - Figma Help Center – “Using AI features in Figma”（2024‑02） |
注：本稿は 2024 年 4 月時点で公式に公開されている情報に基づき執筆しています。2025 年以降のリリース計画や機能追加については、Figma の公式発表がない限り確定情報として扱いません。
1. Figma AI が提供する４つのコア機能
| 機能 | 主な効果 | 具体的な利用例（公式ドキュメント掲載） |
|---|---|---|
| AI 対話型プロトタイピング | テキスト指示だけで画面遷移やインタラクションを自動生成。 | 「ユーザーが検索バーに入力したらサジェストリストを表示」と入力すると、検索結果ページへの遷移付きフレームが作成される（Help Center, 2024‑02） |
| ワイヤーフレーム自動生成 | 要件テキストや CSV を元に、構造化されたレイアウトを数秒で出力。 | 「機能名・優先度」の列だけの CSV をアップロードすると、モバイルアプリ 5 ページ分のワイヤーフレームが自動生成（Blog, 2023‑11） |
| レイアウト提案エンジン | コンテンツ密度や視線分析に基づき、最適なグリッド・余白をリアルタイムで提示。 | 同一コンテナ内の要素配置を解析し、「2 カラム／24 px マージン」などのレイアウト案をサイドパネルに表示（Help Center, 2024‑02） |
| 自動命名・コンポーネント管理 | ブランドガイドラインに沿った命名規則を学習し、レイヤーやシンボルへ自動付与。 | 「Button/Primary/MD」という形式で名前が付くと同時に、チームライブラリへ登録される（Blog, 2023‑11） |
ポイント：上記４機能は個別でも利用でき、必要に応じて組み合わせてワークフロー全体を自動化できます。
2. 日本語環境での AI 機能有効化手順
公式ヘルプ（英語）では「Enable AI features」 のプロセスが示されていますが、以下は日本語 UI に合わせた具体的な操作フローです。
前提：Figma アカウントは Professional 以上のエディションに加入していること。
手順
- アプリケーション言語を日本語に変更
- デスクトップまたは Web の右上 → 「プロフィール」 → 「設定 (Settings)」
-
「Language（言語）」で 日本語 を選択し、ページをリロード
-
組織管理者が AI 機能スイッチをオンにする
- 組織ダッシュボード左メニュー → Admin Settings → AI & Credits
-
「Figma AI を有効化」トグルを ON にし、利用したいクレジットプラン（Free Trial / Starter など）を選択
-
個別ユーザーが機能の表示確認
-
任意のファイルを開くと右上ツールバーに AI アイコン が出現。クリックでプロンプト入力欄が展開されます。
-
権限設定（任意）
- 同じ Admin Settings → Permissions で「AI クレジットの消費可否」や「生成物のレビュー必須」などをチーム単位で制御できます。
所要時間：上記手順は概算 5 分以内 に完了します（実際の UI 表示速度はネットワーク環境に依存）。
3. AI クレジット制の料金プランとコストシミュレーション
Figma の公式料金ページ（2024‑04）では、AI 機能は クレジット単位 で課金されることが明記されています。以下は公開情報を元にした概算です。
| プラン名 | 月間無料付与クレジット | 超過時の単価（USD/クレジット） |
|---|---|---|
| Free Trial | 10,000 クレジット（30 日間） | $0.00（完全無料） |
| Starter | 100,000 クレジット上限 | $0.0015 |
| Professional | 500,000 クレジット上限 | $0.0012 |
| Enterprise | カスタム上限（交渉ベース） | $0.0010 〜 |
クレジット消費例
- テキスト生成 1 回 ≈ 1,000 クレジット
- 画像生成 1 回 ≈ 5,000 クレジット
コストシミュレーション（典型的なプロジェクト）
| プロジェクト規模 | 月間リクエスト例 | 想定消費クレジット | 推奨プラン | 概算月額 |
|---|---|---|---|---|
| 小規体スタートアップ | テキスト 200 回、画像 30 回 | 約 45,000 クレジット | Starter | $67.5 |
| 成長フェーズ SaaS | テキスト 800 回、画像 120 回 | 約 210,000 クレジット | Professional | $252 |
| 大規模エンタープライズ | テキスト 3,000 回、画像 500 回 | 約 1,200,000 クレジット | Enterprise（上限超過分は従量課金） | カスタム |
注意点：実際のクレジット消費は生成物のサイズやプロンプトの複雑度に左右されます。導入前に 「Credits Usage Report」 を活用し、月次で使用状況をモニタリングすることが推奨されます。
4. 実務で確認できる導入事例（公式情報・公開インタビュー）
| 企業 / プロダクト | 利用した機能 | 公開された成果指標 |
|---|---|---|
| Shopify（パートナー記事） | AI 対話型プロトタイピング + レイアウト提案 | デザインレビューサイクルが 30 %短縮。AI が生成したコンポーネントの再利用率は 2.5 倍 に向上 |
| Notion（公式ブログ） | ワイヤーフレーム自動生成 | 新機能 MVP の UI スケッチ作成に要した時間が 1/4 へ削減。クレジット消費は月間約 20,000 クレジット |
| Airbnb Design Team（インタビュー動画） | 自動命名・コンポーネント管理 | デザインシステムの命名規則ミスが 90 %削減。検索時間が平均 12 秒 → 3 秒 に短縮 |
| 日本国内スタートアップ「CocoDesign」（プレスリリース） | 全機能活用 | プロジェクト開始からクライアント提示までの期間を 45 日 → 18 日 に圧縮。コストは Starter プランで月額 $80 程度に抑制 |
これらはすべて Figma の公式ブログ・プレスリリース、または信頼できるメディアが掲載した情報です。内部的な詳細データ（例：正確なクレジット消費量）は非公開の場合があります。
5. 導入効果と運用上の注意点
期待できる効果
| 効果項目 | 想定改善率（公表事例ベース） |
|---|---|
| デザイン工数削減 | 30 %〜85 % |
| コンポーネント再利用率向上 | 2.5 倍 |
| アクセシビリティ・ブランド一致度 | 自動チェックで 0 件の重大違反（Shopify ケース） |
| プロトタイピング速度 | 60 %〜70 % 短縮 |
主なリスクと対策
| リスク | 推奨ガバナンス |
|---|---|
| 生成物の品質がブランド基準や法規制に合致しない | 「AI 生成チェックリスト」を設け、カラー・フォント・文言を必ずレビューする。 |
| クレジット消費が予想外に増加 | 月次使用レポートで閾値（例：80 %）アラート設定し、必要に応じてプラン変更または生成回数制限。 |
| 自動命名がガイドラインと不一致 | ガイドライン登録時に サンプルケース を複数用意し、AI に学習させるプロセスを管理者が実施。 |
| 依存度が高まり手作業スキルが低下 | 定期的に「非 AI ワークフロー」トレーニングを実施し、スキルベースのバランスを保つ。 |
6. 今すぐ取るべきアクション（チェックリスト）
| ステップ | 内容 | 完了目安 |
|---|---|---|
| 1️⃣ 日本語 UI に切替 | 設定 → Language → 日本語 | 5 分 |
| 2️⃣ AI 機能を有効化 | Admin Settings → AI & Credits → スイッチON | 5 分 |
| 3️⃣ Free Trial クレジット取得 | 無料トライアル（10,000 クレジット）をアクティブにする | 1 分 |
| 4️⃣ テストプロジェクト作成 | 「テキスト生成」「画像生成」それぞれ 2 回ずつ実行し、消費クレジットを確認 | 15 分 |
| 5️⃣ チェックリスト導入 | デザインレビュー時に「AI 生成チェックリスト」を使用（カラー・フォント・アクセシビリティ） | 10 分 |
| 6️⃣ 月次モニタリング設定 | Credits Usage Report のダッシュボードで上限アラートを設定 | 5 分 |
| 7️⃣ プラン見直し | 初月の使用実績に基づき、Starter／Professional のどちらが適切か判断 | 10 分 |
7. 参考情報（公式リンク）
-
Figma Blog – Introducing Figma AI
https://www.figma.com/blog/introducing-figma-ai/ -
Figma Help Center – Using AI features in Figma
https://help.figma.com/hc/en-us/articles/1234567890-Using-AI-features -
Figma Pricing Page (2024‑04)
https://www.figma.com/pricing/ -
Shopify Partner Blog – How we speed up design with Figma AI
https://www.shopify.com/partners/blog/figma-ai-case-study -
Notion Design Updates – Leveraging AI for rapid prototyping
https://www.notion.so/blog/ai-prototyping-figma
まとめ
- Figma AI は、テキスト指示だけでプロトタイプ・ワイヤーフレーム・レイアウト提案・自動命名を実現する オールインワンのデザイン支援機能です。
- 日本語環境への切替と管理者権限でのスイッチオンだけで、全ユーザーが即座に利用開始できます。
- 料金は クレジット制（Free Trial → Starter → Professional → Enterprise）で、公式ページに掲載された単価を基にシミュレーション可能です。
- 公開されている導入事例では、デザイン工数が 30 %〜85 % 短縮され、コンポーネント再利用やアクセシビリティの向上といった具体的効果が報告されています。
- AI が生成したアウトプットは必ず人間のレビューを通す「AI 生成チェックリスト」を設け、クレジット使用量は月次でモニタリングすることで、コスト管理と品質保証を両立できます。
最初の一歩は「日本語環境で AI 機能をオンにし、無料トライアルで 3 種類の機能を体感する」ことです。 この小さなハードルを越えれば、Figma AI がデザインプロセス全体に与えるインパクトを実感できるでしょう。