FlowTune Media

Figmaの中にデザイナーがもう一人いる — AIエージェントがファイルの中に住み始めた

AIでデザインを作る手段はすでにある。Midjourneyで画像を生成し、Canva AIでレイアウトを組み、v0でUIプロトタイプを作る。便利ではある。ただ、それらはすべて「Figmaの外」で起きていた。

5月20日、Figmaがその構図を変えにきた。デザインファイルの中に常駐するネイティブAIエージェントをベータ公開したのだ。

「ファイルの中に住む」とはどういうことか

これまでのAIデザインツールは、大きく2つに分かれていた。外部で画像やUIを生成して持ち込むタイプ(Midjourney、v0など)と、キャンバス上で画像を生成するタイプ(Figma Weaveなど)。どちらも「生成する」が主語で、既存のデザインファイルとの連携は限定的だった。

今回のFigma AIエージェントは違う。あなたのファイルを読み、コンポーネントを理解し、デザインシステムのトークンやルールに従って編集する。つまり、ゼロから何かを生成するのではなく、チームのデザインルールを守りながらファイルの中で一緒に作業する

具体的にできることはこうだ。

サイドバーの「Agents」パネルからプロンプトを入力すると、エージェントがキャンバス上で直接デザインを生成・編集する。レイヤーを選択してから指示を出せば、そのレイヤーを起点にした修正も可能。複数のエージェントを同時に走らせて、異なるアプローチを並列で探ることもできる。

「チェックアウトフローを3パターン作って」「このダッシュボードの情報設計を変えて」といった指示が、デザインシステムに沿った形で実行される。

デザインシステムの精度が、そのままエージェントの精度になる

ここが正直、一番興味深い。

Figmaのエージェントは、ファイル内のコンポーネント・バリアブル・構造を自動的に読み取り、それを「ルール」として従う。つまり、デザインシステムの整備がしっかりしているチームほど、エージェントの出力品質が高くなる。

逆に言えば、トークンの命名がバラバラだったり、コンポーネントが乱立しているファイルでは、エージェントも混乱する。これまで「やったほうがいいけど後回しにしていた」デザインシステムの整理が、AIの精度という形で直接リターンを生むようになった。

Code to Canvas — コーディングツールとの双方向接続

Figmaは同日、OpenAIとAnthropicとのパートナーシップも発表した。

「Code to Canvas」と呼ばれる機能で、Claude CodeやCodexで生成したUIコードを、Figmaのキャンバス上にデザインフレームとして取り込める。取り込まれたフレームはデザインシステムに接続された状態で表示されるため、そこからFigma上で微調整を加えられる。

これはFigmaが2月に公開したMCP(Model Context Protocol)サーバーの延長線上にある機能だ。MCPでコーディングツールからFigmaを読み書きできるようにし、今度はAIが生成したコードをデザインとしてFigmaに戻す。デザインとコードの壁を双方向で崩しにきている。

誰が使えるのか、いくらかかるのか

現時点のルールは以下の通り。

  • 対象プラン: Professional、Organization、Enterprise(Full seat)
  • Collabシート・Devシート: ドラフトでのみ利用可
  • Starter・Education・Government: 対象外
  • 料金: ベータ期間中はAIクレジット消費なし(無料)。GA後はクレジット課金に移行

ベータへのアクセスはウェイトリスト制で、段階的にロールアウト中。figma.com/join-waitlistから申請できるが、登録が即アクセスを保証するわけではない。

Figma自体の月額は、Professionalプランで1シート月$16(約2,400円)から。

Google Stitchという「無料」の対抗馬

同じ週にGoogleがI/O 2026で発表したGoogle Stitchは、無料でUI/UXデザインを生成できるAIツールだ。リアルタイムストリーミング、音声でのデザイン指示、マルチプレイヤーコラボレーションまで備えて、料金ゼロ。

正直、プロトタイプや個人プロジェクトなら、Stitchで十分なケースは多い。Figmaのアドバンテージは「既存のデザインシステムとの接続」と「プロダクション品質のコンポーネント操作」にある。すでにFigmaで本格運用しているチームにとっては、エージェントがチームの設計ルールを理解している点が決定的な差になる。

一方、デザインシステムがまだ未整備のチームや、個人のサイドプロジェクトであれば、Stitchを試してからFigmaに戻っても遅くはない。

微妙な点もある

まずベータであること。ウェイトリスト制のため、申請しても当面使えない可能性がある。GA後の料金体系も不透明で、AIクレジットの消費量次第では月額負担が跳ね上がるリスクはある。Figmaは3月にAIクレジット制限を導入した際、上位プランユーザーの75%以上がクレジットを購入し続けたと報告しており、収益源としてAI機能を重視していることは明白だ。

もう一つ、エージェントの品質がデザインシステムの整備度に依存するという点は、裏を返せば「デザインシステムが雑なチームには効果が薄い」ということでもある。

AIがデザインファイルの中に住む時代

Figmaの売上は前年比46%成長し、Q1だけで$333M(約500億円)。ARR $100K超の顧客は1,525社で48%増加した。この数字を支えているのは明らかにAI関連機能で、Weave、Make、MCP、そして今回のエージェントと、AIの打ち手を畳み掛けている。

デザイナーにとっての意味は明快だ。AIに仕事を奪われるのではなく、AIがファイルの中にいるもう一人のデザイナーになる。自分は方向性を決め、AIが手を動かす。ただし、AIが従う「ルール」を作るのは依然として人間の仕事だ。デザインシステムの設計力が、そのままAIの活用度を決める時代が始まった。

関連記事