FigmaがAIコーディングツールとの連携機能を相次いで発表
Web Designing Web記者が、Webに携わる人向けにニュースをセレクト。話題の本質を整理し、実務に役立つポイントをコンパクトにまとめました。
Figmaは2026年2月17日、AnthropicのAIコーディングツール「Claude Code」との連携機能「Claude Code to Figma」を発表。さらに同月26日には、OpenAIの「Codex」との連携機能「Codex to Figma」も発表しました。
「Claude Code to Figma」は、Claude Codeで実装したWebページをそのままFigmaに取り込み、編集可能なデザインデータとして扱える機能です。コードでつくったものをFigma上でデザイン調整したり、別パターンと並べて比較したりできます。
一方、「Codex to Figma」は、Codex上の操作からFigmaのデザインファイルを直接生成できる機能です。コーディングの作業環境を離れることなく、デザインを確認・共有できます。
2つの機能はどちらも、デザインとコードを行き来できる双方向の連携という点では共通しています。違いは起点で、前者は「つくったコードをデザインに変換」、後者は「コーディング環境からデザインを生成」という関係です。
Editor’s Eye
デザイナーとエンジニアの連携では、これまで「Figmaで作ったデザインをコードに変換する」という一方通行の流れが主流でした。今回の連携はその逆も可能にするものです。双方向の行き来が当たり前になれば、制作プロセスは大きく変わりそうです。
文：小平淳一