OpenAIとFigmaが連携強化、CodexとMCPでコードとデザインの双方向変換に対応

デザインと開発の間の引き継ぎは、長年プロダクト開発における最大の摩擦点でした。デザイナーがFigmaで完璧に仕上げたデザインも、エンジニアがコードに落とし込む過程で微妙にズレてしまい、修正のやり取りに膨大な時間が費やされてきました。

OpenAIとFigmaはこの壁を取り払おうとしています。2月26日、両社はOpenAIのコーディングツールCodexとFigmaを直結する新たな統合を発表しました。オープンスタンダードであるMCP（Model Context Protocol）サーバーを活用し、コードとデザインをシームレスに行き来できる双方向のワークフローが実現します。

コードから編集可能なFigmaファイルを生成

これまでもFigma DesignやFigma Make、FigJamのデータをCodexに読み込ませてコード化することは可能でした。しかし今回のアップデートによって、逆方向の流れ、つまりコードで書かれたUIを直接編集可能なFigmaデザインに変換できるようになりました。

これにより、アイデア出しやプロトタイプ作成がプロンプト、コード、デザインキャンバスのどこからでも始められる完全な往復ループが完成します。

CodexのプロダクトリードであるAlexander Embiricos氏は、この仕組みによって職種の境界が曖昧になり始めると指摘しています。エンジニアは作業フローを崩さずに視覚的な調整ができ、デザイナーも本職のプログラマーにならずに実装に近い場所で作業できるようになります。

利用方法はシンプルで、CodexのmacOSデスクトップアプリ内からFigma MCPサーバーを直接インストールするだけです。

急成長するCodexとFigmaの戦略

OpenAIは同時にCodexの最新データも公表しました。2025年4月にCLIツールとして提供が始まって以来、今年に入ってからの利用量は400パーセント以上増加し、週間アクティブユーザー数は100万人を突破しました。先週公開されたmacOS向けアプリも、最初の1週間で100万ダウンロードを記録しています。すでにCiscoやNVIDIA、Ramp、Datadogといった企業が業務に導入しています。

一方で注目すべきはFigmaの動きです。Figmaは今回のOpenAIとの発表のわずか1週間前、競合であるAnthropicのClaude Codeとも同様のMCP連携を発表したばかりでした。

Figmaとしては特定のAI基盤に依存せず、あらゆる最先端コーディングエージェントのビジュアルキャンバスとしての地位を固めようとしていることが伺えます。

なぜ重要か

私たちは、この連携が「AIによるUI開発」における最大の弱点だったビジュアル微調整のコストを劇的に下げると評価しています。

AIでアプリを作るとき、余白や配置のわずかなズレを自然言語の指示で直すのは極めてストレスのかかる作業でした。コードから一瞬でFigmaキャンバスに展開し、手動でドラッグして整え、それを再びコードに戻せる体験は、個人開発者や少人数のスタートアップにとって強力な武器になります。Codexのデスクトップ版を使っているなら、今すぐ試す価値があります。

業界全体から見れば、MCPがエージェントと専門ツールを繋ぐデファクトスタンダードとして完全に定着したことを示しています。エンジニアとデザイナーの分業体制そのものが再定義されつつあります。

ただし懸念点もあります。小規模なUIコンポーネントなら綺麗に往復変換できても、複雑な状態管理やビジネスロジックが絡み合った既存の大規模リポジトリをどこまで正確にキャンバス上で再現し、コードを崩さずに戻せるかは未知数です。実務の現場では慎重な検証が必要になるはずです。