2026.06.05 | テクノロジー

FigmaがAIエージェントをキャンバスに統合。デザインの現場はどう変わるのか

Figmaが、プロダクトデザインに特化したAIエージェントを発表しました。特徴は、AIが別画面のチャットではなく、作業中のキャンバスに直接加わる点です。アイデア出しや編集、確認を同じ場所で支え、デザインの流れを止めずに次の一手を考えやすくします。チームの制作体験をどう変えるのかを見ていきます。

FigmaのAIエージェントは、チャットではなくキャンバス上の共同作業者

Figmaが発表したAIエージェントの特徴は、作業画面の外にあるチャットツールではなく、Figma Designのキャンバス上に直接組み込まれる点です。Figmaのキャンバスは、デザイナーやチームメンバーが同じ画面を見ながら、画面設計やアイデアを並べて検討できる場所です。そこにAIエージェントが加わることで、人が作業している流れの中で、AIも同じ場に参加する形が示されています。
一般的なAIツールでは、別の画面で文章を入力し、返ってきた内容を人が作業ツールに移す流れになりがちです。一方、FigmaのAIエージェントは、キャンバス上でデザインを見ながら支援する存在として紹介されています。Figmaの発表によると、このエージェントは単なるチャットインターフェースではなく、コラボレーターとして位置づけられていま

す。ここでいうコラボレーターとは、同じ作業場所で成果物を見ながら、制作を進める相手のことです。
FigmaのChief Design OfficerであるLoredana Crisan氏は、ソフトウェア開発が容易になるほど、何に取り組むか、どう機能させるか、どのような体験にするかを決めることが重要になると述べています。AIが作業の一部を担えるようになるほど、人が考えるべきことは「何を作るか」に近づいていきます。FigmaのAIエージェントは、その判断を代わりに行うものではなく、アイデアを試し、見比べ、形にしていく過程を支えるものとして位置づけられています。
デザインの現場では、頭の中にある案を画面に出してみて、違和感があれば直し、また別の案を試すという行き来が欠かせません。Figmaが今回示したのは、AIにすべてを任せる使い方ではなく、人が見ている画面の中でAIが作業を支える形です。では、そのAIはキャンバス上で何を理解し、どのような作業を助けるのでしょうか。

デザインシステムや会話の文脈を理解し、細かな作業を支援する

FigmaのAIエージェントは、単に文章の指示から見た目を作るだけの機能ではありません。Figmaの発表によると、Figma固有の使い方やプロダクトデザインの考え方を理解するように設計されています。たとえば、画面上のボタンや入力欄、見出しなどを再利用しやすく管理する「コンポーネント」や、色・余白・文字サイズなどのルールをまとめた「デザインシステム」と連携できる点が特徴です。デザインシステムとは、チームで同じ品質の画面を作るための共通ルール集のようなものです。
デザイン作業では、ひとつの画面を作るだけでなく、複数の画面で同じ部品を使ったり、レイアウトを整えたり、細かな修正をまとめて行ったりする場面が多くあります。FigmaのAIエージェントは、こうした作業

をキャンバス上で支援します。Figmaの発表では、コンポーネントの設定、レイアウトの修正、一括編集などを、品質を損なわずに自動化できると説明されています。何度も同じ修正を繰り返す時間を減らし、画面の意図や使いやすさを考える時間を確保しやすくなる点は、制作に関わる人にとって大きな意味があります。
また、FigmaのAIエージェントは、キャンバス上の会話や既存の文脈とも連携するとされています。文脈とは、作業の背景や前提となる情報のことです。たとえば、なぜこの画面を作っているのか、どの部品を使うべきなのか、チーム内でどのような意図が共有されているのかといった情報が含まれます。AIがこうした背景を踏まえて動けるようになれば、単発の指示に答えるだけではない支援がしやすくなります。
テキストで指示できる点も、利用のしやすさにつながります。専門的な操作をすべて覚えていなくても、「この部分を整理したい」「別案を作りたい」といった言葉から作業を進められるため、デザインに深く関わっていない人でも、同じキャンバス上で意見を形にしやすくなります。さらにFigmaは、AIエージェントを他のAI関連機能とも組み合わせ、デザインから試作品づくりまでの流れをつなげようとしています。

Figma MakeやMCPサーバーとの連携も発表の一部

Figmaの発表には、AIエージェント本体だけでなく、Figma MakeやFigma Model Context Protocol(MCP)サーバーとの連携も含まれています。Figma Makeは、プロンプトからプロトタイプを生成する機能です。プロトタイプとは、完成品の前に動きや画面遷移を試すための試作品を指します。Figmaの発表によると、Figma Design上でエージェントとデザインレイヤーのアイデアを練り、そのデザインをFigma Makeに持ち込んで、コードベースのアプリケーションに変換し、動作をテストできます。Figma Model Context Protocol(MCP)サーバーは、Figma上のデザイン情報を外部のコーディングエージェントとつなぐための仕組みです。コーディングエージェントとは、コード作成や修正を支援するAIツールのことです。専門的に聞こえますが、要する

に、Figma上で作ったデザインの意図を失わずに、動くアプリケーションづくりへつなげやすくするための橋渡しと考えると理解しやすくなります。
Figmaは、2026年第1四半期だけで、Figma Design上のMCP週間アクティブユーザー数が5倍に成長したことにも触れています。これは、チームがAIを制作や開発の流れに取り入れ始めていることを示す情報として扱えます。ただし、今回の中心はあくまで、AIエージェントがFigma Designのキャンバスに加わる点です。Figma MakeやMCPサーバーは、その先にある試作や実装に近い工程とのつながりを示す補足として見ると分かりやすいです。
Figmaエージェントは現在ベータ版として、有料プランのユーザー向けに段階的に展開されます。ベータ期間中はAIクレジットを消費しないとされています。すぐに全ユーザーが使える機能ではありませんが、FigmaはAIを単体の便利機能としてではなく、デザイン、試作、実装に近い工程をつなぐ存在として位置づけています。制作の入口から出口までを同じ流れで扱おうとしている点が、今回の発表を読み解くうえで大切です。

まとめ


いかがだったでしょうか?
FigmaのAIエージェントは、AIを別の場所で呼び出すのではなく、制作しているキャンバスの中にそっと加わってくれる存在です。
アイデアを出したり、形にしたり、少し直してみたりする流れの中でAIがそばにいると、作業の手触りを残したまま、考えを前に進めやすくなりそうですね。
また、人の判断を置き換えるというより、同じ画面を見ながら「次はこうしてみよう」と一緒に試せる相手に近いように感じました。
デザインの現場でも、AIをただ使うだけでなく、同じ場でどう考え、どう形にしていくかが、これからますます大切になっていきそうです。