Ep.1044 FigmaキャンバスがAIエージェントに開放──“Design to Code”の完全自動化へ（2026年3月26日配信）

2026年3月20日、世界中のデザイナーやエンジニアに愛用されているデザインツール「Figma」が、公式ブログにて「FigmaのキャンバスをAIエージェントに向けて開放する」という画期的な発表を行いました。これまで、AIを使ってデザインからプログラムコードを生成する、いわゆる「Design to Code」の取り組みは多くの企業で進められてきましたが、実用化には一つ大きな壁がありました。それは、AIが画面の「スクリーンショット画像」という視覚情報を頼りにコードを推測して書いていたため、余白のサイズや企業独自のブランドカラーなどが微妙にズレてしまうという問題です。しかし今回のプラットフォームの開放と、それに伴うMCP（Model Context Protocol）サーバーの活用により、この状況は劇的に変わります。CursorやClaudeといった外部の高性能なAIエージェントたちが、Figmaのキャンバス上にあるコンポーネントの構造や、色、フォントの指定データといった裏側の情報を直接、しかも正確に読み取れるようになったのです。つまり、AIが推測に頼るのではなく、デザインの正解データをそのままコードに変換できる仕組みが整いました。Web上の開発者コミュニティや企業のテックブログなどでも、この動きは早速大きな話題を呼んでいます。例えば、これまではAIが勝手な色番号を使ってコードを生成してしまっていたのが、Figmaのデータを直接読み込めるようになったことで、企業のルールに完全に則った保守性の高い綺麗なコードが常に生成されるようになったと高く評価されています。また、競合環境を見渡しても、AnimaなどのAIコーディングプラットフォームがAPIを通じたFigmaとの連携を急ピッチで強化しており、さらにOpenAIもAIエージェントの開発環境にFigmaを統合する動きを見せるなど、業界全体が「AIによる正確な実装」に向けて一気に加速しています。人間が手作業でデザインの意図を汲み取り、一つひとつコードに翻訳していた時代は終わりを告げようとしています。これからのビジネスパーソンや開発者には、細かなコーディング作業を行うスキルよりも、AIエージェントに対して「どのようなユーザー体験を作りたいのか」を正確に言語化し、的確な指示を出す能力がより一層求められていくことになりそうです。