Google が AI デザインツール「Stitch」で開発・検証した DESIGN.md フォーマットをオープンソース化しました。このフォーマットは、企業のブランド規格（色・フォント・デザインルール）を機械が読み込める形式で記述し、AI エージェントがそれらを自動的に遵守するデザインを生成できるようにするものです。

DESIGN.md の特徴

フォーマットの構造

DESIGN.md は、デザイン・トークン（色値・フォントサイズなどの正確な値）を YAML 形式で記述し、それぞれに対して自然言語による背景説明や使用ガイドラインを付記するもの。AI エージェントはこれを読み込むことで、コンテキストに応じた一貫性のあるデザイン決定を行えます。

提供される CLI ツール

Google は Apache 2.0 ライセンスで GitHub 上に公開した参照実装に、複数のユーティリティを付属させています：

  • ファイルの構文検証
  • 複数のデザイン定義ファイル間の差分比較
  • Tailwind CSS、W3C DTCG などのデザインシステム標準フォーマットへの変換機能

活用範囲と意義

AI エージェント時代のデザイン統一

AI が UI やコンテンツを自動生成する時代が到来する中で、生成物がブランド規格を遵守する必要性が高まっています。DESIGN.md は、設計者がルールを一度定義すれば、AI エージェントが複数のタッチポイントで一貫性を保つデザインを実現する仕組みです。

アクセシビリティ規格への対応

付属ツールは WCAG（Web Content Accessibility Guidelines）アクセシビリティルールへの準拠検証もサポート。デザイン規格とアクセシビリティ要件を同じファイルで管理できます。

現状と展望

DESIGN.md は現在アルファ版です。Google は業界からのフィードバックを募集中で、最終仕様への進化が予定されています。オープンソース化により、Web デザイン規格の策定組織である W3C や、Figma などのデザインツールベンダーとの相互運用性を見据えた標準化が進む可能性があります。

AI エージェントが業務に組み込まれるにつれ、ブランドガイダンスを機械可読形式で定義することが、企業にとって必須のスキルになるかもしれません。