2026年Figma AI徹底レビュー：Make、Agent、Weaveの核心に迫る

Vlad Solomakha

2025/02/15

2026年のFigma AIは、Agent、Make、Weaveなどを備えたFigmaエコシステム内のAIツールスイートです。

移動

タイトル

AIを使用してUIデザインとワイヤーフレームを生成

デザインを生成する

2026年のFigma AIはMake AIだけではありません。構想、デザイン、開発までを支援するAIスイート製品をすべて徹底レビュー！

主なツール	Make、Agent、Weave、開発モード
メリット	強力なデザインシステム文脈、複数モデルの選択肢、MCPによるデザインとコードの連携
デメリット	4つ以上の画面に分散、主要機能が依然としてベータ版、クレジット消費が早い
価格設定	制限付き無料クレジット。有料プランは月額16ドル〜（フルシート）。AIツールキット全体でAIクレジットを共有
代替ツール	Canva AI、Adobe AI、Banani AI

UIデザイン向けFable 5：実例 >

Figma AIとは？

Figma AIは、共同プロダクトデザインプロセスの各ステップを加速させることを目的とした、Figmaエコシステム内のAIツール群です[1]。Figma AIのコンセプトは2024年のConfigイベント[2]で初めて発表され、進化を続けています。2026年現在、主にプロンプトからUIを生成するFigma Agent、テキストからアプリを構築するFigma Make、ノードベースで複数の生成AIを操るキャンバスであるFigma Weaveなどが含まれています。

特筆すべき点として、AIアプリビルダーのFigma Make AIが非常に人気があるため、「Figma Make」と「Figma AI」という言葉が混同して使われることがよくあります。

無料のUI/UXデザインAIツール >

Figma AI 2025 vs Figma AI 2026

Figma AIの進化は、機能とアクセスのしやすさの両面において顕著です。2025年時点のFigma AIは、Figmaデザインキャンバスの下部ナビゲーションバーにある1つのスパークルボタン（またはAIスターアイコン）の下に、「First Draft」や画像生成、レイヤー名変更などのいくつかの支援機能が隠されているだけのものでした。しかし2026年までに、アイデア出し（Agent）、アセット生成（Weave）、アプリ構築（Make）、コード（開発モード、Code Layers）の全工程をカバーするフルスイートへと成長しました。これらはそれぞれ独自の画面を持ち、一部は個別の価格設定やキャンバスになっています。

以下で各主要ツールの詳細を見ていきますが、デザインキャンバスからはFigma Agentにアクセスでき、左側のバーからWeave Toolsを選択できることを覚えておいてください。

Figma AIを動かしているLLMは？

2026年現在、Figma AIの背後にあるLLMは単一ではなく、独自のモデルでもありません。実際、Figma AIはマルチモデル戦略を採用しており、ツールごとに最適なモデルを使用しています。たとえば、Figma Makeでは最新のClaude、Gemini、GPTのモデルから選択可能です。Weave AIにはこれらに加え、Kling、Seeddance、Fluxなどが含まれています。

AnthropicのClaude Designが機能拡張を進める中で、競合としての側面も生じているのは興味深いポイントです。

UIデザインにおけるFable 5 vs Gemini vs GPT >

2026年におけるFigma AIの主な機能

Figma AIデザイン生成：Agent

Figma Agentは、デザインシステムを文脈として反映できる、キャンバス組み込み型のネイティブなAIデザインエージェント（アシスタント）です。左パネルのAIスターアイコンや、選択した任意のコンポーネントからアクセスできる、FigmaデザインのためのAIと考えてください。

Figma Agentの主な機能

単一のプロンプトからデザイン全体の生成およびリミックス
画面をまたいだコンポーネント、スタイル、テキストの一括編集
散らばったフィードバックをまとめて次のタスクに整理
実際のレビュー前にペルソナに基づいたクリティークをシミュレート

Figma Agentは、単にゼロから生成するだけでなく、デザインシステムの文脈に完全に沿ってAIに編集させたい、既にFigmaを導入しているチームに最適です。

AI UIエージェントをプロのように使いこなす方法 >

Figma AIはUIデザインのバリエーションを生成できますか？

はい。Agentを使えば、既存のデザインをリミックスしたり、1つのプロンプトから複数のレイアウト方向性を生成したりできます。

Figma AIは編集可能なコンポーネントを生成しますか？

はい。出力されるのはフラットな画像ではなく、Figmaネイティブのレイヤーやコンポーネントなので、生成後に自由に編集できます。

Figma AIは反復的なデザインタスクを自動化できますか？

はい。Agentを使用すると、複数のフレームを選択し、1回のプロンプトでコンポーネントの再スタイルや画面全体のテキスト更新などの一括編集が可能です。

Config 2026[3]で発表されましたが、2026年中頃の時点でFigma Agentはクローズドベータ版であり、有料ユーザーであってもすぐには利用できません。同様のUIデザイン・編集機能は、Banani AIで今すぐ、しかも無料で使い始めることができます。

Banani AI UI Agentを試す >

Figma AI アプリ/Webサイトビルダー：Make

Figma Makeは、Figmaのプロンプトからアプリを作るツールです。アイデアをテキストで説明し、必要に応じて参考画像などを添付すると、実際のコードで動くプロトタイプを作成してくれます。Figmaのダッシュボードバナーやfigma.com/makeからアクセスできます。

Figma Makeの主な機能

1つのプロンプトから複数画面のインタラクティブアプリを構築

手動でのポイント＆クリック編集はクレジットを消費しない
クリーンなReact + TypeScript、Tailwind、Viteコードを書き出し
ハンドオフ用にGitHub、Supabase、MCPサーバーに接続

Figma Makeは、プロンプトから実装可能なコードへと素早く移行するのに最適ですが、クレジットの消費が激しく、詳細なプロンプトがないとありきたりな出力になりがちです。そのため、Make AIでコードを生成する前に、Banani AIでデザインを練り上げる（Vibe Designする）ことをおすすめします。

Figma Makeをプロのように使う方法 >

Figma AIデザインアセット：Weave

Figma Weaveは、複数の生成AIモデルにまたがって画像や動画を生成・編集できる、ノードベースのAIクリエイティブプラットフォームです（Flora AIに類似）。weave.figma.comから単独でアクセスするか、Figma Design内の選択したWeave Toolsからアクセスできます。

Figma Weaveの主な機能

プロンプト、参考情報、出力を繋ぐノードベースのキャンバス

Flux、Imagen、Mysticなど12種類以上の画像/動画モデルを稼働
一部のワークフローはFigma Design内でツールとして直接実行可能

Figma Weaveは、単発の画像生成ではなく、アセットを大規模に効率よく生成したいクリエイティブチームに最適です。Weaveで生成したUIアセットは、Figma AgentやBanani AIを使って組み立てることができます。

Figma Weaveを使ってUIアセットを生成する方法 >

Figma AIフロントエンドコード：Dev & MCP

Figma 開発モード（Dev Mode）は、CSSスペックを表示し、MCPを介してAIコーディングエージェントに接続する、デザイン受け渡しのレイヤーです。Shift+Dを押すか、キャンバスのツールバーから開発モードを切り替えることでアクセスできます（*有料のDevライセンスが必要）。

Figma 開発モードの主な機能

要素ごとの間隔、タイポグラフィ、色のCSSインスペクション

プラットフォーム固有のコード出力：CSS、SwiftUI、Compose、XML
MCPサーバーを介し、デザインの文脈をClaude Code、Codex、Cursorに統合
デザイナー専用のアノテーション（注釈）は開発モードでのみ表示

Figma 開発モードは、CSSに精通したデザイナーとエンジニアが在籍する、規律あるチームに最適です。ただし、技術的知識のない個人開発者などにはハードルが高いかもしれません。もっと手軽にFigmaと連携できるデザインからコードへの変換ツールをお探しの場合は、Banani AIをご利用ください。

人気のFigmaからコードへの変換AI比較 >

その他の主なFigma AI機能＆プラグイン

2026年版のFigma AIガイドを読み進める中で、「2025年に発表された機能（First Draft、画像生成、レイヤー名変更など）はどこに行ったのか？」と思われるかもしれません。実は、これらへのダイレクトアクセスはFigmaデザインの下部ナビから削除されました。しかし、機能自体が完全に失われたわけではありません。フレームやコンポーネントを選択した際、Figma AI Agentから利用可能です。

同様に、上記以外にも知っておくべき魅力的なAI機能がいくつか存在します（発表されたもののまだ開放されていない機能を含む）。

ツール	ユースケース	利用可能条件
Figma Motion	エージェント生成のキーフレームによるタイムラインベースのアニメーション	Figma Design、プロフェッショナルプラン以上
ジェネレーティブプラグイン	プロンプトを入力してカスタムWebGPUシェーダーやエフェクトを生成	フルシート、オープンベータ
Code Layers	あらゆるデザインレイヤーを編集・実行可能なコードに変換	2026年7月よりアーリーアクセス開始
AgentでのWeb検索	プレースホルダーの代わりに、リアルのWebコンテンツをプロンプトに取り込む	チャットまたは組織設定での切り替え
カスタムプラグイン生成	レイヤーソーターのような使い捨てのツールを構築するようエージェントに指示	フルシート、有料プラン、オープンベータ
3D変形	開発への引き渡しにそのまま使えるネイティブ空間デザイン	ウェイトリスト

Figma AI プラグイン

Figmaプラグインは、「コミュニティ」タブからインストールする、Figmaが標準では提供していない機能を拡張するサードパーティ製のツールです。特にFigma AIプラグインは、Figma純正の機能よりも遥かに幅広く、専門的なAI機能をデザインワークフローにもたらしてくれます。

プラグイン	ユースケース	価格
Icons8 Background Remover	画像の背景を制限なしで削除	無料
DESIGN.md Generator	ファイルからデザインシステムドキュメントを生成	無料
FigGPT	Figma内でChatGPTを利用、UXコピーライティングに活用	無料
Anima	Reactなどの各種フレームワークへデザインをコード出力	フリーミアム

*注：Banani AIなら、プラグインを何個も行き来することなく、Webコピー作成、デザインシステム、デザインのコード化など、上記の複数のプラグイン機能が1つにまとまっています。

主要Figma AIプラグイン vs Banani AIデザインツール >

Figma AIのメリットとデメリット

メリット	デメリット
強力なネイティブ文脈：デザインシステム、トークン、変数などを標準サポート	ツール群がAgent、Make、Weave、開発モードに分散している
マルチモデル：タスクごとにClaude、Gemini、GPTを選べる	最も優れた機能がクローズドベータやウェイトリスト状態のままになりやすい
一括編集やダークモード切り替えなど、現実の手作業を大きく削減	コンポーネントの配置や余白がいまだに予期せず崩れることがある
Makeを使えば、クリーンで実用的なReactおよびTypeScriptのコードが出力される	特にMakeとWeaveでクレジットの消費ペースが非常に早い
MCP経由で、デザインの文脈を直接Claude CodeやCursorへ投入可能	ネイティブなコード生成機能がメインキャンバスとは別になっている
Weaveが12種類以上のモデルを、透明性の高いクレジット管理ワークフローで統合	Weaveのノードベースの画面は学習コストが高い
Agentが自動構築するプラグインにより、簡単なツールのためにコミュニティを探し回る必要がない	一元化されたアクセス手段がなく、2025年以降、機能が散らばっている

Claude Designのメリットとデメリット >

2026年におけるFigma AIの価格とクレジット

Figma AIは単体販売されていません。Figmaの価格プランページ[4]で見られるように、フル、開発、コラボなどのライセンス（シート）にバンドルされており、それぞれに月間AIクレジット枠が割り当てられています。このAIクレジットが、AgentプロンプトからMakeによる生成まで、すべてのAI機能を動かします。クレジットは翌月に繰り越されず、ヘビーに使う場合はより上位のプランを契約するか、クレジットの追加購入が必要になります。

ツール	最低シート料金	AIクレジット/月	AIクレジット消費
Figma Agent	フルシート、$16/月	3,000 （共有プール）	プロンプトや編集ごとに課金。ベータ版の利用は制限なし、もしくは割引されることが多い
Figma Make	フルシート、$16/月	3,000 （共有プール）	生成ごとにクレジット消費。手動での調整や編集は無料
Figma 開発モード	Devシート、$12/月	500	インスペクションやコードの受け渡しが中心。クレジットはほとんど、または全く消費しない
*Figma Weave	150クレジットまで無料 / $19/月	1,500	生成前に消費クレジットが画面に提示され、選択したモデルによって異なる

*注：Figma WeaveはFigma AIエコシステムの外部にあるため、価格が異なって設定されています。

Figma AIの全料金プランと詳細なクレジット一覧 >

Figma AIに代わる選択肢

Figma AIは、本領であるキャンバス直結のデザインにおいて極めて強力です。しかし「AIデザイン」のニーズは多岐にわたります。たとえば、Canva AIはチャットからマーケティング用の画像やチラシを作るのに適しており、Adobe FireflyはCreative Cloudに組み込まれた高精度な動画や画像生成が得意です。そしてBananiは、AIファーストなUIのデザインからコードへの変換ツールです。プロダクトチームにはそれら全てが必要です。

そのため、Figma AIの代替手段を知り、それらがFigma AIと比べてどれほど優秀かを評価しておくことは極めて重要です。

評価基準	Figma AI	Canva AI	Adobe Firefly	Banani
焦点	UI/UX	マーケティング・資料作成	画像 / 動画	UI/UX ＆フロントエンド
編集可能な出力	レイヤー、コンポーネント	フラットなデザイン、テンプレート	フラット画像	レイヤー、コンポーネント、コード
デザインシステムの理解	あり（Agent経由）	あり（ブランドキット、ただしUI非対応）	なし	あり（ブランドに即した生成）
Figma / コード出力	対象外（Figmaそのもの）	なし	なし	MCP経由でFigma/コード（React, HTML）の出力が可能
初期費用	$16/月（フルシート）	無料 / Proは$15/月	無料 / $9.99/月	無料

筆者としては、CanvaやAdobeも提供している価値において素晴らしいと考えますが、UI/UXとなるとFigma AIが一歩抜きん出ています。ただし、UI/UXに特化したAIツールを探していて、Figmaのエコシステムを丸ごと必要としないのであれば、Bananiのほうが安価で自由なクリエイティビティを得られます。

Figma Makeに代わる主なツール >

評価：Figma AIは結局どれくらい優れているのか？

Figma AIは、極めて強力かつ多機能なツールです。Agentは本物のデザインシステム文脈を生成に吹き込み、Weaveは複数のモデルを明瞭な価格設定で統合。MCPはデザインとエンジニアリングを驚くほどシームレスに繋ぎます。しかし同時に、ツール群が分断されており、最高の機能はまだクローズドベータの中にあり、いざ本気で使うとなるとクレジットがあっという間に不足します。目指しているビジョンに現実が追い付いておらず、ユーザーを待たせている印象も否定できません。

それなら、最新のGeminiやGPTモデルを採用し、デザインからコードまでを1つのキャンバスで行える、高速で快適なFigma互換のUI/UX生成AIである「Banani AI」を使い始めましょう。無料で試せます。

UI向けにBanani AIを試す

無料

2026年におけるFigma AIに関するよくある質問

Figma AIで何ができますか？

Figma AIは、発想展開（Agent）、アプリ構築（Make）、クリエイティブアセットの生成（Weave）、およびコードハンドオフ（開発モード）など、Figmaエコシステムに特有のAI駆動型ワークフローを提供します。また、レイヤー名変更やテキスト作成などの細かなサポートも canvas に組み込まれています。

Figma AIの論争について教えてください。

Figma AIに関する有名な論争は、2024年にFigmaの「Make Designs」機能が、Appleの天気アプリとほぼ同一のUIを生成したこと[5]をきっかけに勃発しました。この時、既存アプリのデータを学習させたのではないかとの批判を浴び、Figmaは一時この機能を停止しました。

Figma AIとFigma Makeは同じものですか？

違います。Figma MakeはFigma AIスイートに属するツールの1つであり、AIアプリビルダー機能を指します。Figma AI全体には、Agent、Weave、開発モードなども含まれています。

Figma内部で外部のAIを使うことはできますか？

はい、可能です。サードパーティ製のプラグインを使用して外部のAIモデルをFigmaに組み込むことができます。また、Figma MCPを使えば、Claude CodeやCursorのような外部AIコーディングツールから直接Figmaファイルの読み書きを行わせることも可能です。

Figma AIをデザインの自動化にどう使えばいいですか？

Figma Agentを使って、キャンバス内の一括編集などの自動化を行います。複数のフレームを選択して、お望みの内容をAIデザインエージェントにプロンプトとして伝えるだけで実行できます。

FigmaのAIデザイン生成に制限はありますか？

これといった直接の制限はありませんが、Figmaで1つのデザインを繰り返しAIで編集していくと、時々出力品質が低下するように感じられます。画像のシャープさが失われたり、レイヤー構成が台無しになったり、2つのバージョンを無理やり統合しようとして無茶苦茶な結果になったりします。また、注目の機能の多くがクローズドベータや上位プラン限定に留まっていることも制限と言えます。