Figma、AIエージェントによるデザイン編集を解禁
- •FigmaがMCPサーバーを公開し、AIエージェントによるデジタルキャンバス上での直接デザインが可能になった。
- •チーム固有のデザイン基準をAIに伝えるため、Markdown形式の指示セット「skills」機能を導入。
- •Claude CodeやCodexとの連携により、コードとデザインを双方向で同期するワークフローを実現した。
Figmaは、キャンバスをAIエージェントが操作可能なインタラクティブな環境へと変貌させることで、デザインと開発の境界を一段と縮小させようとしている。具体的にはModel Context Protocol（MCP）サーバーを導入し、AIエージェントがFigmaファイルの内容を直接読み書きできる仕組みを構築した。これにより、デザインキャンバスは事実上の「ライブコードベース」として扱われることになり、AIは単なる静止画の生成を超えて、既存のレイヤーやコンポーネント、さらにはデザイン変数までを自在に操作できるようになる。
AIがブランドイメージに合わない不適切な出力を生成するのを防ぐため、Figmaは「skills」という新機能もあわせて導入した。これはMarkdownファイルで記述された指示セットであり、チーム独自の基準に基づいた意思決定をAIに行わせるためのガイドとして機能する。例えば、余白設定の階層ルールや、構造化されたJSONデータをどのように視覚的なコンポーネントへ変換するかといった定義が可能だ。その結果、AIは何を作るべきかだけでなく、既存の規約に従った「正しい作り方」を理解した上で作業を遂行できる。
今回のアップデートは、視覚的な出力結果とコード構造を比較しながら修正を繰り返す「自己修復型」のループを促進するものである。現在はベータ版として提供されており、Claude CodeやCodexといった主要なAIクライアントをサポートしている。Figmaはキャンバスをエージェント主導のワークフローに開放することで、製品の意図と実行が交差する中心的なハブとしての地位を確立しようとしている。これにより、開発チームは重要な文脈を失うことなく、コマンドラインと視覚的なデザインインターフェースの間をシームレスに行き来することが可能になるだろう。