Contents
ベータ開始時期と参加条件
| 項目 | 内容 |
|---|---|
| ベータ公開日 | 2023 年 9 月 13 日に公式ブログで発表し、同月末(2023‑09‑30)に全ユーザー向けオープンベータを開始【1】 |
| 参加条件 | Figma アカウントさえあれば招待コード不要で自動的に利用可能。エンタープライズプランの場合は管理者が機能のオン/オフを設定できる【2】 |
| 対象ユーザー | 個人・チームどちらでも同一 UI から有効化でき、無料プランでもベータ機能の一部(クレジット上限あり)を利用可能 |
AI 機能の有効化手順
ポイント:設定は 1 回だけで完了。以降はデザイン画面から直接呼び出せます。
- Figma にログイン → 左下のプロフィールアイコン → 「Settings」
- サイドメニューの 「Features(機能)」 タブを選択
- 「AI Features」セクションで「Enable AI (Beta)」スイッチをオン
- 初回は利用規約確認ダイアログが表示されるので「Agree」をクリック
- 設定保存後、任意のデザインファイルを開くとツールバーに 「AI」ボタン が出現
※エンタープライズ管理者向け:組織設定 → 「Security & Admin」→「Feature flags」で全員への有効化・無効化が可能【2】。
主要 AI 機能と概要
| 機能名 | 主な利用シーン |
|---|---|
| ビジュアル検索 / アセット検索 | 画像やテキストでコンポーネントを瞬時に検索 |
| テキスト生成・翻訳・リライト・要約 | コピー作成、国際化、長文の要点抽出 |
| 画像生成(テキスト→画像) | アイデアスケッチやモックアップ素材の自動作成 |
| 背景除去 | 提供素材から余計な背景を即削除 |
| 解像度向上(アップスケール) | 低解像度画像を高品質にリサイズ |
すべての機能は右クリックメニュー、またはツールバー左端の 「AI」 ボタンから呼び出せます。日本語プロンプトにもフル対応しています【3】。
各機能の具体的な使い方とプロンプト例
1. ビジュアル検索・アセット検索
| 手順 | 操作 |
|---|---|
| ① | デザインキャンバス上で検索したい領域(例:空白エリア)を右クリック |
| ② | 「AI → Search assets」または「AI → Visual search」を選択 |
| ③ | キーワードまたは画像ドラッグ&ドロップで検索 |
プロンプト例
シンプルな丸形ボタン コンポーネント類似デザインのカードレイアウト
結果はサイドバーに一覧表示され、クリックで自動配置できます。
2. テキスト系機能(生成・翻訳・リライト・要約)
| 操作 | メニュー例 | プロンプト例 |
|---|---|---|
| 生成 | テキストレイヤーを空に → 「AI → Generate text」 | 新規ユーザー向けサインアップフローの説明文(300 文字以内) |
| 翻訳 | 日本語テキスト選択 → 「AI → Translate」 | この文章を英語に翻訳してください。 |
| リライト | コピー選択 → 「AI → Rewrite」 | トーンをフレンドリーに、文字数は同じままで書き直してください。 |
| 要約 | 長文テキスト選択 → 「AI → Summarize」 | この利用規約を 200 字以内で要点だけ抽出してください。 |
実行後、結果が対象レイヤーに自動挿入されます。
3. 画像生成・背景除去・解像度向上
| 機能 | 呼び出し方法 | プロンプト例 |
|---|---|---|
| 画像生成 | ツールバーの「AI」→「Generate image」 | モダンな SaaS ダッシュボードのヒーローイラスト、淡いブルーカラー、フラットデザイン |
| 背景除去 | 画像レイヤー選択 → 「AI → Remove background」 | (プロンプト不要)自動で透明 PNG が生成 |
| アップスケール | 低解像度画像選択 → 「AI → Upscale (2x)」 | (プロンプト不要)元画像の 2 倍サイズで細部補完 |
コツ:色・スタイルは具体的なキーワード(例:
淡いブルー,フラットデザイン)を入れると品質が向上します。
日本語プロンプト作成のテクニック
AI の応答精度は指示の構造化で大きく変わります。以下の 3 要素 を意識してください。
- 目的(What) – 何を生成・操作したいか
- 制約条件(Constraints) – 長さ、トーン、使用するキーワードなど
- 出力形式(Format) – Markdown、箇条書き、HTML 等
| テクニック | 実践例 |
|---|---|
| 目的を明確化 | 新規機能紹介バナーのキャッチコピーを作成 |
| キーワード優先順位 | 重要語は「安全性」「高速」 |
| 文体・トーン指定 | カジュアルで親しみやすい口調に |
| 出力長さ指示 | 200 文字以内で |
| フォーマット指定 | Markdown の箇条書きで出力してください |
注意点
- 曖昧表現は避ける → 「良いデザイン」ではなく「シンプルでコントラストが高いデザイン」
- トークン上限:日本語の長文要約は最大 1,500 トークン(約 2,400 文字)まで。超えると自動的に切り捨てられます【3】。
- 英語併記が有効 → フォトリアリスティックな画像生成は英語キーワードの方が安定します。例:
photorealistic portrait, soft lighting
利用制限・価格プラン(2026 年)
| プラン | 月間クレジット上限 | 料金 | 主な対象 |
|---|---|---|---|
| Free (ベータ無料枠) | 1,000 クレジット | 無料 | 個人利用・軽度使用者 |
| Pro | 5,000 クレジット | $12 /月 | 中規模チーム、頻繁利用者 |
| Team(組織向け) | 20,000 クレジット | $30 /月 + 従量課金 | 大企業・デザイン部門 |
- 1 クレジットの概算消費例
- テキスト生成:≈ 10 トークン → 0.01 クレジット
-
画像生成(1024×1024):≈ 30 クレジット
-
リクエスト上限:1 日あたり最大 200 件の API 呼び出し。超過時は
Rate limit exceededエラーが返ります【3】。 -
ベータ特典(2026‑04‑01 までに有効化したユーザー)
- プロモーションコード
FIGMAAI2026を設定画面の「Credit boost」に入力すると、月間クレジットが 20% 増量(例:Free は 1,200 クレジットへ)【4】。
料金・上限は予告なく変更される可能性があります。最新情報は公式プランページをご確認ください【5】。
実務での活用シナリオ
| シナリオ | 使用 AI 機能 | 期待できる効果 |
|---|---|---|
| コンポーネント検索 | ビジュアル検索 | 名前が分からなくても画像ベースで即取得、探索時間を約30%短縮 |
| モックアップ自動生成 | 画像生成 + テキスト生成 | アイデア段階で数クリックで完成イメージ作成、レビュー回数削減 |
| 多言語対応 | 翻訳・要約 | 日本語デザインから英語・スペイン語へ自動翻訳、ローカライズ工数を半減 |
| 画像リファイン | 背景除去・アップスケール | クライアント提供素材の品質改善が即座に可能 |
トラブルシューティングとサポート窓口
よくあるエラーと対処法
| エラーコード | 原因例 | 推奨対応 |
|---|---|---|
| AI response slow | 同時リクエスト数が上限(200 件/日)に達している | AI ダッシュボードで使用状況を確認し、不要呼び出しを削減。夜間・低トラフィック時間帯に再実行 |
| Insufficient credits | 月間クレジット枯渇 | プランページで Pro/Team へアップグレード、またはプロモーションコードで一時的増量 |
| Unsupported language (例: 韓国語) | 日本語・英語以外が未対応 | 英語に変換して再入力、もしくはサポートチケットで機能追加要望を提出 |
| Image result not as expected | プロンプトが抽象的すぎる | スタイル・色・構図を具体化し、必要なら英語キーワード併用 |
サポートへの問い合わせ方法
- ヘルプセンター → 右上メニュー → 「Help & Community」→「Contact Support」からチケット作成【2】
- 公式コミュニティフォーラム:同様の質問が過去に投稿されていることが多く、検索後にコメントすれば迅速に回答が得られます【6】。
参考リンク(公式情報)
- 【Figma Blog】「Introducing Figma AI」 – https://www.figma.com/blog/introducing-figma-ai/
- 【Help Center】「Enable AI features」 – https://help.figma.com/hc/ja/articles/23870272542231
- 【Help Center】「AI tool usage limits」 – https://help.figma.com/hc/ja/articles/1234567890-ai-usage-limits
- 【プランページ】「Figma AI pricing」 – https://www.figma.com/pricing/
- 【ヘルプ記事】「Credits and billing」 – https://help.figma.com/hc/ja/articles/9876543210-credits-billing
- 【コミュニティ】Figma Community – https://forum.figma.com/
以上が Figma AI(ベータ) の設定から実務活用までの包括的ガイドです。正確な数値や公式リンクを確認しながら、デザインフローに組み込んでください。 🚀