Google Labsが公開したDESIGN.md草案は、機械検証可能な設計契約を提供し、AIがデザインシステムを理解するのを支援します。トップのYAML前書きにはトークン（色、フォント、間隔、角丸、コンポーネント）が記録され、下部のMarkdownには設計の理由が記載され、{colors.primary}を引用しています。対応するCLIはlint、diff、export、specをサポートし、W3C Design Tokensを参照しています。現在のバージョンはalpha 0.1.0で、Apache-2.0ライセンスの下で公開されています。ユーザーはstitch.withgoogle.comでDESIGN.mdを生成したり、GitHubに修正を提出したりできます。

MeNews

2026-04-22 07:00:30

概要作成中

ME News ニュース、4月22日（UTC+8）、動察Beatingの監視によると、Google Labsは公開AI設計ツール Stitch内部で使用されている DESIGN.mdフォーマットの草案規範を発表しました。これはAIエージェントがデザインシステムを理解できるファイルフォーマットであり、これまではStitch内部のみで使用されていましたが、オープンソース化によりStitch以外のツールでも同じデザインルールを再利用できるようになります。
一つの DESIGN.md ファイルは二層構造です：上部の YAML 前書きにはデザイントークンが記述されており、機械可読で、色（16進数値）、フォント（fontFamily、fontSize、fontWeight、lineHeightなどを含む）、間隔、角丸、コンポーネントをカバーします；下部の Markdown 本文には Overview、Colors、Typography、Layout、Elevation & Depth、Shapes、Components、Do’s and Don’ts の順にデザインの理由が記述され、閲覧者に示されます。コンポーネントの属性は {colors.primary} のような構文で上部のトークンを参照します。
付属のCLIツールはlint（7つのルールとWCAGコントラスト比の検証を含む）、diff（2つのバージョンの差分比較）、export（TailwindまたはDTCGフォーマットへのエクスポート）、spec（規格ドキュメントの出力）を提供します。トークン体系はW3CのDesign Tokens Format Moduleを参考にしています。
現在のバージョンはalpha 0.1.0で、Apache-2.0ライセンスの下、davideastなど5名の貢献者によって管理されています。ユーザーはstitch.withgoogle.comで自分のDESIGN.mdを生成したり、GitHubリポジトリのgoogle-labs-code/design.mdに修正を提出したりできます。
AIプログラミングエージェントにとって、これは機械検証可能なデザイン契約に相当します：エージェントは色の用途やコンポーネントのレイアウトロジックを推測する必要がなくなり、トークンと照合して選択を検証し、WCAGルールを用いて配色のアクセシビリティを自己点検できるようになります。
（出典：BlockBeats）

原文表示

このページには第三者のコンテンツが含まれている場合があり、情報提供のみを目的としております（表明・保証をするものではありません）。Gateによる見解の支持や、金融・専門的な助言とみなされるべきものではありません。詳細については免責事項をご覧ください。