概要
DESIGN.mdは、AIエージェントにデザインの原則と「人格」を伝えるための視覚契約ファイルとして、AIコーディングにおける一貫性維持の鍵となる。
詳細内容
AIによるUI生成が一般的になる中、最大の問題は複数画面における「見た目の一貫性（人格の維持）」が崩れることにあります。Google StitchやVoltAgentの`awesome-design-md`が提唱する`DESIGN.md`は、AIが読みやすいMarkdown形式でデザインルール、カラーパレット、禁止事項（Do/Don'ts）などを定義する「エージェント向けの視覚仕様書」です。これは実装手順を記す`AGENTS.md`や`CLAUDE.md`と対になる概念であり、実装の制約と見た目の制約を分離することでAIの出力を安定させます。Figmaが「人間が編集するための面」であるのに対し、`DESIGN.md`は「AIが守るための面」という役割分担がなされます。単なる色コードの羅列ではなく、設計思想や節度の規則を記述することで、AIが自律的に判断可能なフレームワークとして機能します。実務においては、この文章契約をデザイントークンや自動監査と組み合わせることで、AIとの協働におけるデザイン品質の担保が可能になります。