ホーム/スタイルアカデミー/Google StitchのDESIGN.mdを解説

Google StitchのDESIGN.mdを解説

StitchはGoogle LabsのAIデザインツールで、design.mdはその記憶です。配色、フォント、スタイルルールを保存し、生成される画面を揃えます。GoogleがDESIGN.mdを公開仕様にしたことで、Stitchの機能はAIツール全体が読める形式になりました。

design.mdがStitchで果たす役割

StitchはプロンプトからUIを生成します。永続的なデザインシステムがなければ、生成のたびに配色や文字スケールがぶれます。design.mdにシステムを一度記録し、Stitchは新しいものを生成する前にそれを読みます。

ファイルはセッションを越えて残るため、一貫性は毎回の説明力に依存しません。記録の基準はプロンプト履歴ではなくファイルです。ファイルを変えると後の生成が従います。

Googleが形式をオープンにした理由

2026年、Google LabsはDESIGN.mdを公開仕様としてリリースしました。コーディングエージェントにビジュアルアイデンティティを伝える形式とツールをStitch内に閉じず公開し、どのエージェントでも共有できる永続的で構造化された理解を目指しました。

ユーザーにとって、一度記述したシステムは一つのツールに縛られるべきではありません。形式にとって、機能を標準へ変えるのは公開性です。読むツールが増えるほど、各DESIGN.mdの価値が高まります。

その結果、上に機械可読なデザイントークン、下に人が読む理由を置く一つのmarkdownファイルという構造が公開の慣例となり、読み書きするツールやライブラリが育ちました。

同じファイルをStitch以外で使う

普通のmarkdownなのでStitch固有の部分はありません。Claude Code、Cursor、CodexなどはプロジェクトルートのDESIGN.mdをREADMEと同様に読み、UI生成時に適用します。チャットには貼り付けられ、パイプラインはプログラムで取得できます。

どこでも流れは同じです。ファイルがシステムを示し、エージェントが制作前に読み、出力はモデルの平均ではなく仕様に従います。画面を描くツールは実装詳細で、デザインシステムはファイルにあります。

この移植性が公開仕様の価値です。一度記述したスタイルがツールを越えて付いてきて、毎回プロンプトし直す必要がありません。

Curioの位置づけ:ライブラリ層

Stitchと公開仕様は、デザインシステムを機械向けにどう書くかという形式の問いに答えます。スタイル自体をどこから得るかには答えません。DESIGN.mdは空の器で、所有または説明できるシステムを自分で入れる必要があります。

Curioはそのライブラリ層です。運動、ブランド、文化的伝統を調査し、完全ですぐ使えるDESIGN.md形式の仕様にしています。スタイルを選ぶとAIがMCP、共有リンク、ダウンロードから適用します。形式は読み方を、ライブラリは読む価値のあるシステムを提供します。

FAQ

Stitchを使うにはdesign.mdが必要ですか?

なくても生成できますが、スタイルは毎回ゼロから始まります。design.mdが画面やセッションを越えて一貫性を保ち、描くツールをデザインシステムに従うツールへ変えます。

Stitch向けのDESIGN.mdはほかのツールでも使えますか?

はい。それが公開仕様の目的です。構造化トークンを持つ普通のmarkdownなので、Claude Code、Cursor、Codex、チャット、独自パイプラインなど、テキストを読めるエージェントが従えます。変換は不要です。

CurioはStitchの競合ですか?

いいえ。異なる層にあり、自然に組み合わせられます。Stitchと公開仕様は機械向けの書き方を定義し、Curioは同じ慣例に沿う既成システムのライブラリです。ツールはStitchや任意のエージェント、スタイルはCurioから得られます。

公開DESIGN.md仕様はどこにありますか?

Google Labsが仕様とツールを公開しています。GitHubでgoogle-labs-codeのdesign.mdリポジトリ、またはGoogleの公開発表を検索してください。正しいファイルを一つ読めば大半を理解できるほど単純です。

Browse the style library
© 2026 Curio Design