Figma AI

Figma AIとは？

Figma AIは、Figmaおよび連携ツール内のAI機能セットで、デザイナーやチームがアイデアから動作するプロトタイプや本番環境向け出力までをより速く進めるのを支援します。このプロダクトは、共通のワークフロータスクに焦点を当てています—アイデーション、デザインアセットの作成と改善、再現作業の高速化です。

Figma AIは、プロンプト、コード、デザイン主導のフローを含むさまざまな働き方に沿ったクリエイティブなコラボレーターとして提供されます。また、デザインコンテキストをエージェント型コーディングツールに橋渡しするオプションも含み、デザインと実装間の摩擦を低減します。

主な機能

• Figma Make (プロンプト駆動の探索): プロンプトを使ってFigma内でデザインの可能性を生成し、多様なコンセプトを探求します。
• Code Layers (プロンプトによるインタラクションとモーション): プロンプトでインタラクティブ要素、アニメーション、テキストエフェクトを追加。コーディング経験不要で動作します。
• Figma Sites (Figmaコンテキストからのサイト公開): 準備ができたら、Figmaコンテキストを使ったワークフローでサイトを公開したりプロダクトをリリースしたりします。
• Figma MCP server (コーディングエージェント向けデザインコンテキスト): VS Code、Cursor、Windsurf、Claudeなどのエージェント型コーディングツールにFigmaデザインコンテキストを直接提供し、デザインからコードへのワークフローを高速化します。
• 画像生成と改善 (Gemini 3.0 Pro + GPT Image 1): Gemini 3.0 ProとOpenAIのGPT Image 1を使って新規画像を生成したり既存画像を改善したりします。
• レイヤー整理ヘルパー (自動リネーム): クリック一つでコンテキストに基づいてレイヤーをリネーム・整理します。
• デザイン嘲擬のテキスト支援 (生成、置換、リライト、翻訳): デザイン文件中に直接テキストを生成・置換、長さやトーンを調整、リライト、翻訳します。
• 背景除去 (1ステップ除去): 画像背景を1ステップで除去し、手動の lasso-and-erase ワークフローを回避します。
• FigJam AI (ダイアグラムとフィードバック支援): 複雑なアイデアをシンプルなダイアグラムに変換、フィードバックを整理、FigJam内の面倒なタスクを自動化します。

Figma AIの使い方

FigmaでデザインまたはFigJamボードを開き、作業に合ったAI機能を選択して開始します。初期アイデーションでは、Figma Makeを使ってデザインの可能性をプロンプトで生成します。

インタラクティブ体験の構築では、Code Layersを使ってコードを書かずにプロンプトでインタラクション、アニメーション、テキストエフェクトを追加します。デザインコンテンツの更新では、AIツールでテキストを生成・置換、リライト・翻訳、レイヤーのリネーム・整理、画像背景除去を行います。

デザインとコードを横断する場合、Figma MCP serverを使ってVS Code、Cursor、Windsurf、Claudeなどのエージェント型コーディングツールにデザインコンテキストを導入し、コーディングワークフローがFigmaデザインを参照できるようにします。

ユースケース

• UIの迅速なコンセプト探索: Figma Makeをプロンプトで使い、単一のアイデアに即座にコミットせずに複数のデザイン方向を探求します。
• コードなしでモックにインタラクション追加: Code Layersをプロンプトで使い、デザイン内でインタラクティブ要素、モーション、テキストエフェクトを作成します。
• ターゲットボイスに合ったデザインコンテンツ準備: モック内のテキストを生成・置換し、長さやトーンをリライトで調整、翻訳で適合させます。
• モックアップ用画像アセットのクリーンアップ: 手動選択と消去ではなく、1ステップフローで画像背景を除去します。
• 複雑なワークショップノートをダイアグラム化: FigJamでFigJam AIを使い、濃密なアイデアをダイアグラムに変換しフィードバックを整理します。

FAQ

• FigmaのAI機能はどこで見つかりますか？ このページでは、Figma AI機能がFigmaおよびFigJamの体験の一部（例: Figma Make、Code Layers、FigJam AI）であると記載されています。UI内の正確な場所は提供コンテンツに指定されていません。

• 誰がFigmaのAI機能にアクセスできますか？ 提供コンテンツには「どこで見つかりますか…誰がアクセスできますか…」というFAQセクションが含まれていますが、対象資格や展開詳細は記載されていません。サイトのFAQで具体的なアクセスルールを確認してください。

• AIクレジットはどう機能しますか？ このページでは「AIクレジットはどう機能しますか？」をFAQ項目として挙げていますが、説明は提供テキストに含まれていません。サイトのFAQでクレジットの仕組みを確認してください。

• AI著作権保護を提供していますか？ 「AI著作権保護を提供していますか？」はFAQ項目として挙げられていますが、提供抜粋に回答は含まれていません。完全なFAQでポリシー詳細を確認してください。

• FigmaのAI機能は何に基づいていますか？ 抜粋では、画像生成/改善にGemini 3.0 ProおよびOpenAI’s GPT Image 1を使用し、デザインからコードへのコンテキストをFigma MCP server経由で提供すると指定されています。すべての機能の基盤モデルを詳細に記載していません。

代替案

• AI支援デザイン・プロトタイピングツール: このカテゴリの代替案もプロンプトからデザインアセットを生成/改善しますが、デザインからコードへのコンテキスト引き継ぎに重点を置かない場合があります。
• AI機能付きダイアグラム・ホワイトボードツール: ダイアグラム作成やフィードバック整理を自動化するツールはFigJam AIの代替となり得ますが、通常Figmaネイティブのデザイン workflowへの強調が少ないです。
• 汎用AI画像エディタ: 専用画像生成/改善ツールはFigmaの背景除去や画像生成/改善ステップを置き換えられますが、Figmaファイル内出力が必要かどうかに依存します。
• デザインコンテキスト統合なしのエージェント型コーディングツール: デザインコンテキストブリッジを含まないコーディングアシスタントは、Figma MCP serverを使用したworkflowに比べてデザイン意図の手動翻訳をより多く必要とする可能性があります。