設計ツールのリーダーFigmaが発表、AIエージェント(Agent)が直接Figmaのキャンバス上で操作可能になった。これまでの設計ファイルの読み取りだけでなく、実際にコンポーネントの作成・編集、デザインシステムの変数適用、自動レイアウトの調整、既存のデザインシステムとの完全な連携も行える。オープンベータは本日より開始され、テスト期間中は無料で提供される。
技術の核心:Plugin APIを通じてFigmaの言語を操る
今回の統合の鍵は、新たにリリースされたuse_figma MCPツールにある。従来のスクリーンショット認識やAPIラッピングとは異なり、FigmaはエージェントにPlugin APIを使ってコードを生成させる選択をした。これにより、AIがFigmaのネイティブ言語でキャンバスを操作し、人間のマウス操作を模倣しない。
AnthropicのエンジニアThariqは指摘する、「これにより操作の信頼性が大幅に向上した。『Claude』はあなたのアプリケーションコードをFigmaの関数に翻訳し、従来の推測式よりもはるかに正確だ。」
デザインシステムがAIの共通言語に
エンジニアやデザイナーが最も関心を寄せるのは、AIが今や完全な設計システムのコンテキストを読み取れることだ。コンポーネント名、間隔トークン、カラー変数、フォント規範など、エージェントは「推測」せずに既存の規範を直接引用して生成できる。
これにより、双方向のループが形成される。エージェントが設計システムを読み取り→コードを生成→UIの変更をFigmaキャンバスに反映。設計と開発の間のギャップは理論上大きく縮小される。
対応ツール:Claude Code、Codex、Cursorなどの主要MCPクライアント
現在サポートされているMCPクライアントには、Claude Code、Codex、Cursor、Copilot CLI、VS CodeのCopilot、Augment、Factory、Firebender、Warpなどの主要な開発ツールが含まれる。Figmaは、この機能を有料APIとして提供する予定だが、ベータテスト期間中は無料で公開されている。
デザイナーの役割が変化しつつある
コミュニティの反応は二極化している。経験豊富なデザイナーの中には、過去20年Figmaを使ってきた習慣が、ここ数ヶ月でほぼClaudeに置き換えられたと述べる者もいる。一方で、エージェントが設計システムを直接リファクタリングできるなら、デザイナーは自らの役割を再定義し、実行者からレビューアへと移行すべきだとも指摘されている。
注目すべきは、Figmaの株価($FIG)がこの発表当日に約6%下落したことだ。市場はこの機能がFigmaの競争優位性を強化するのか、それとも設計ツール自体の代替を加速させるのか、矛盾したシグナルを発している。今後の動向に注目される。
この記事は、FigmaがAIエージェントによる直接キャンバス操作を解禁し、Claude Code、Cursor、Codexをサポート、オープンベータは本日より開始されたことを伝える。最初に掲載されたのは鏈新聞ABMedia。