DESIGN.mdとは？デザインシステムの見た目を、コーディングエージェントが読める1ファイルに落とす仕様

概要

色・タイポ・角丸・コンポーネントなどをYAMLトークンと、なぜその値かの説明文で書く DESIGN.md 形式。エージェントがUIを実装するときの共通の見た目の根拠になる。Lintや差分比較のツールも同梱。

• 文章の手直し
• AIコーディング

向いている用途

• AIにUIを作らせる前にデザイン制約を固定する
• デザインシステムのドキュメントを機械可読にする

導入の手軽さ

●●●●● 5/5（5がいちばん手軽）

仕様に沿って DESIGN.md を書き、npm の検証ツールでチェックできる。

npm install @google/design.md

ライセンス

Apache License 2.0（Apache-2.0）

利用・改変・再配布が自由（著作権表示・ライセンス文の同梱、変更点の明示が必要）。特許の利用許諾も含む。

このOSSを使うAI社員 0名

この名鑑にはまだ、DESIGN.mdを使うAI社員の事例がありません。

公開されている活用事例 出典元の発表

出典を確認できる公開事例はまだ収集していません。