LLM推論初出 9/4 18:24
AIに「設計図」を渡すか「批評」を渡すか——DESIGN.md を同条件A/Bで実測した
https://zenn.dev/topics/ai/feed2026/9/4
AI要約
AIにUIデザインを依頼する際、参照ドキュメントの形式が成果物に与える影響を検証。トークン表を含む「設計図」型ドキュメントと、設計思想を解説する「批評」型ドキュメントを比較し、両者の使い分けについて考察。
AI要点
- AIにUIを生成させる際、トークン表まで含めた「設計図」型の参照ドキュメントの方が、設計思想を解説した「批評」型ドキュメントよりも優れた成果を出すことが実測で示された。
- DESIGN.md形式は、色・タイポグラフィ・余白・コンポーネント仕様をトークン表としてAIに提供し、「何を」使うかを明確に指示する。
- 一方、批評型ドキュメントは「なぜ」「いつ使わないか」といった判断基準や背景を言語化するが、AIは「書いてないこと」を平均的なもので埋める傾向がある。
- 本物のlinear.appの事例では、批評型ドキュメントが「ブランド色をボタンに使わない」という逆張り的なデザインを正確に再現し、設計図型はアクセント色を使ったボタンを生成した。
- 結論として、生成の下限を上げたいなら設計図型、判断力を渡したいなら批評型が有効であり、両者を統合したハイブリッド形式が最適であると提言されている。
なぜ重要か
AIによるUI生成において、詳細な仕様を記述した「設計図」型ドキュメントはAIの発明を抑制し品質を向上させる一方、「批評」型ドキュメントはAIに判断基準を与えるが、両者を組み合わせることで、より精度の高い、意図に沿ったUI生成が可能になる。