DESIGN.md: AIコーディングエージェントのためのデザインシステム仕様フォーマット

概要

AIコーディングエージェントがデザインシステムを理解・適用できるように、構造化されたトークンとデザインの意図を記述するMarkdown形式の新しい仕様。

詳細内容

Google Labsが公開した「DESIGN.md」は、GitHub CopilotやAIエージェントに対して、プロジェクトの視覚的アイデンティティを正確に伝えるためのフォーマットです。このファイルは、YAMLフロントマターによる「機械可読なデザイントークン（色、タイポグラフィ、余白、形状など）」と、Markdownによる「人間可読なデザインの根拠（なぜそのデザインなのか、どう適用すべきか）」の2層構造で構成されます。これにより、AIは単に数値を参照するだけでなく、ブランドのトーンやアクセシビリティの文脈を理解した上でコードを生成できるようになります。また、バリデーション用のLinter、WCAGコントラスト比のチェック、Tailwind CSSやDTCG形式へのエクスポート機能を持つCLIツールも提供されています。現在はalpha版として公開されており、AI時代のフロントエンド開発における「AIへのデザイン指示書」の標準化を目指しています。

元記事を読む他のサマリーを見る