DESIGN.md入門――AIコーディングエージェントにプロダクトらしいUIを作らせる設計ファイル
DESIGN.md入門――AIコーディングエージェントにプロダクトらしいUIを作らせる設計ファイル
| 項目 | 内容 |
|---|---|
| ジャンル | AI |
| 日付 | 2026-06-14 |
| 元記事 | Zenn |
要約
AIコーディングエージェントが生成するUIは見た目は整っていてもプロダクト固有のデザイン言語を反映しにくい問題がある。本記事が提案するDESIGN.mdは、色・タイポグラフィ・余白・インタラクションの「なぜそう見せるのか」という設計意図をMarkdown形式でエージェントに渡すコンテキストファイルだ。CLAUDE.mdがコード規約を伝えるのと同様、DESIGN.mdはUIの美的・ブランド的一貫性をAIに伝える役割を担う。実際に使用すると不要なグラデーションや汎用的なカード型レイアウトが減り、プロダクト固有のスタイルに沿った出力が得られるとされ、デザインシステム運用に組み込む手法として注目される。