Figma、AIエージェントが直接デザインできる「use_figma」ツールのベータ版を公開

Figmaが発表した新機能は、同社の「MCPサーバー」を通じて提供されます。これにより、Claude CodeやOpenAIのCodexなどのAIエージェントが、というツールを使ってFigmaファイルやコンポーネントの作成・更新を直接行えるようになりました。これまでは、AIが生成するデザインはデザインシステムの文脈を理解できず、汎用的なものになりがちでした。

新機能の核となるのが「スキル」です。スキルはマークダウンファイルで記述された一連の指示であり、エージェントがFigmaキャンバス上でどのように作業するかを定義します。プラグインの開発やコードの記述は不要で、誰でも作成できます。例えば、コードベースから新しいコンポーネントを生成するや、既存のデザインをシステムコンポーネントに接続するなど、コミュニティの実践者から提供された9つのスキルが公開されています。

OpenAIのCodexデザインリード、エド・ベイズ氏は「CodexがFigma内の重要なデザインコンテキストを見つけて活用できるようになり、より高品質な製品を効率的に構築するのに役立っています」と述べています。また、AnthropicのClaude Codeプロダクト責任者、キャット・ウー氏は「スキルはClaude Codeにデザインキャンバスで直接作業する方法を教え、チームの意図や判断に忠実な方法で構築できるようにします」とコメントしています。

この機能は現在ベータ期間中で無料で利用できますが、将来的には使用量に基づく有料機能となる予定です。Augment、Claude Code、Codex、GitHub Copilot、Cursorなど、主要なMCPクライアントで動作します。

A. AIエージェントが、チームのデザインシステムに基づいてFigmaファイルを直接編集したり、新しいデザイン資産を作成したりできるようにするツールです。

A. AIエージェントに、特定の手順やチームのデザインルールを教えるための指示書です。これにより、AIの出力がブランドやプロジェクトの規約に沿ったものになります。

A. 主に、AIを使ってコーディングを行う開発者や、コードとデザインの間で作業を行うプロダクトチームを想定しています。デザイナーがAIに指示を出して作業を効率化する用途も考えられます。

O!Productニュース編集部からのコメント

AIがデザインシステムを理解して作業するという点が画期的です。これまでAIが作るデザインが「なんか違う」と感じていたチームには、特に役立ちそうです。

引用元：Figma Blog