AIにデザインを固定させる方法の変遷 — JSON定義で固定できたが「Excelの表」になった話

AIエージェントによるWebツール量産時に発生するデザインのブレを、JSON定義による固定化から「Excelの表」形式への変遷で解決した方法を紹介。デザインの一貫性を保つための試行錯誤と、各手法の限界について詳述する。

• AIにデザインを固定させる試みは、JSON定義からデザイントークンへの移行を経て進化してきました。
• 第1期ではJSONでUIを定義したが、表現力がExcelのように限定され、デザインの自由度が失われました。
• 第2期ではデザイントークン（色、タイポグラフィ等）を固定し、レイアウトの自由度を確保することでブランド統一と構成の自由を両立しました。
• 第3期では、Claude Codeのような公式機能の活用により、自作すべき部分をプロジェクト固有の要素に絞り込む方針に変わっています。
• AIのデザイン固定問題へのアプローチは、AIの能力向上と共に最適解が変化していくことを示唆しています。