Claude・Codex・Kombaiを使ったFigma to Codeの比較

Oikonです。 先日AIツールでどこまでデザインを忠実に実装できるのかというテーマで登壇する機会がありました。 その際に、以下の３つのツールについてFigmaからコードを生成してみて比較する実験を行いました。 Claude Code + Figma MCP Codex CLI + Figma MCP Kombai この記事では、それぞれの手法について詳しく比較していきたいと思います。 UI/UXデザイン実装の現状と課題 最近はAIツールもデザイン力が高くなってきましたが、それでもバックエンドほど上手く実装することができない印象です。フロントエンド開発において、デザインからコードへの変換には以下のような課題を個人的に感じています。 再現度: デザインの意図を正確にコード化するのが難しい。AI臭のあるデザインになりがち 実装面: ちゃんと指示をしないとレスポンシブ対応が抜けやすい 知識面: