Figmaは、AIエージェントがFigmaのキャンバス上に直接デザインを書き込める新機能を公開した。Figma公式Xは「AI agents can design directly on the Figma canvas」と案内し、新しい use_figma MCPツールと、エージェントに設計ルールを教えるSkillsを組み合わせることで、Figma上での作業を進められると説明している。Figmaの製品更新ページでも、3月24日付の「Agents, meet the Figma canvas」で同内容が告知されている。

発表の中心は「AIがFigmaへ書き戻せる」点にある

Figmaの開発者向けドキュメントによると、Figma MCPサーバーは、AIエージェントにデザイン情報やコンテキストを渡すだけでなく、ネイティブなFigmaコンテンツをキャンバスへ書き戻す機能を持つ。これにより、エージェントはフレーム、コンポーネント、変数、オートレイアウトをFigmaファイル内で直接作成・更新できる。Figmaはこの機能を、従来の「コード生成」や「デザイン参照」から一歩進め、実際の制作工程そのものへAIを入れる動きとして位置付けている。

Skillsは「長いプロンプトの代わり」に使う設計

今回の発表で重要なもう一つの要素がSkillsである。Figmaの説明では、Skillsは繰り返し使うワークフローを再利用可能な命令セットとしてまとめたもので、毎回長いプロンプトを書き直さずに済むようにする仕組みだ。特にFigma MCP向けのSkillsは、エージェントに対して、ライブラリを先に探す、変数命名規則に従う、実際のコンポーネントとオートレイアウトを使う、といったチーム固有の設計意図を教える用途を想定している。

対応クライアントはClaude Code、Codex、Cursor、VS Code

FigmaのリモートMCPサーバーは、MCPに対応したコードエディタやアプリから利用する形で提供される。ドキュメントでは、対応例としてClaude Code、Codex、Cursor、VS Codeが挙げられており、Figmaプラグイン経由で導入する方法も案内されている。FigmaはリモートMCPサーバーについて、デスクトップアプリ不要でFigmaファイルへ接続でき、ライブUIの取り込みやキャンバスへの書き込みを可能にすると説明している。

まずはベータ期間中の無料提供

Figmaは、AIエージェント関連のMCP機能について、将来的には従量課金の有料機能になる予定だが、現時点ではベータ期間中のため無料で提供しているとしている。つまり今回の新機能は、まず開発者やデザイナーが試しやすい形で市場へ出し、運用知見をためる段階にある。

Figmaはこの数カ月でAI連携を段階的に拡張してきた

今回の発表は単発ではない。Figmaの製品更新ページでは、2026年1月にClaudeとFigJamの連携、2月にClaude CodeからFigmaへ本番コードを取り込む機能、そして今回の「Agents, meet the Figma canvas」が続けて掲載されている。流れとして見ると、Figmaは「AIにFigmaを読ませる」段階から、「AIにFigma上で作業させる」段階へ移りつつある。

今回の発表が意味するもの

今回の新機能は、Figmaが単なるデザインツールではなく、AIエージェントの作業環境そのものになろうとしていることを示している。これまではAIがコードや文章を生成し、人間がFigmaへ反映する流れが主流だったが、今後はエージェントがチームの設計ルールを学びながら、キャンバス上で直接たたき台を組み立てる形が広がる可能性がある。もっとも、Figma自身が示す通り、現段階ではベータ運用であり、実務でどこまで安定して使えるかは今後の検証が必要になる。

出典

https://twitter.com/figma/status/2036434766661296602