Ep.1003 AIがデザインと開発の壁を滑らかに溶かす──VS CodeからFigmaの画面を直接生成する新機能（2026年3月12日配信）

名古屋ではたらく社長のITニュースポッドキャスト · Mar 11, 2026 · 3m

2026年3月6日、ソフトウェア開発のプラットフォームであるGitHubは、自社のAI支援サービス「GitHub Copilot」を利用する開発者向けに、デザインツール「Figma」との強力な連携機能を発表しました。具体的には、開発者が普段使っているVS Codeという画面から、AIを通じてFigma上に直接「編集可能なデザインデータ」を自動生成できるようになったのです。

これまでは、デザイナーがFigmaで作った綺麗な画面図を見て、エンジニアがそれをプログラミング言語に翻訳していくという「一方通行」の作業が基本でした。しかし、開発を進める中でボタンの位置を変えたり、新しい画面を追加したりしたくなった場合、エンジニアからデザイナーに「ここを直してください」と頼む手間が発生し、これが現場の大きなストレスになっていました。今回、AIがツール同士を橋渡しするMCPという規格にFigmaが正式対応したことで、エンジニアが書いたコードから画面の見た目を読み取り、そっくりそのままFigma上のデザインデータとして送り返すことが可能になりました。つまり、デザインとプログラミングの間を双方向に行き来できる、とても風通しの良い環境が生まれたのです。

周辺の動向を英語のニュースソースなどを通じて調べてみますと、最近のGitHub…