getdesign.md — DESIGN.md Collection for AI Agents

有名サイトのDESIGN.mdを集めたコレクション

getdesign.mdは、Vercel、Stripe、Figma、Notion、Apple、Spotifyなど62のブランドからDESIGN.mdファイルを抽出・整理したサイト。VoltAgentチームが運営している。

DESIGN.mdとは、デザインシステムの方針やトークン、レイアウトルールなどをMarkdownにまとめたファイルで、AIコーディングエージェントに読ませることで、そのブランドのトーンに合ったUIを生成させる使い方を想定している。

カテゴリはAI & LLMプラットフォーム（12件）、開発ツール（7件）、バックエンド・データベース（8件）、生産性SaaS（7件）、デザインツール（6件）、フィンテック（6件）、Eコマース（4件）、メディア（7件）、自動車（5件）に分かれている。各ブランドにはデザインの特徴を端的にまとめた説明がついており、たとえばAnthropicは「Warm terracotta accent, clean editorial layout」、Framerは「Bold black and blue, motion-first, design-forward」と記載されている。

気に入ったDESIGN.mdをプロジェクトにドロップすれば、Claude CodeやCursorといったエージェントがそのスタイルに沿ったコードを出してくれる、という流れだ。

Parascopeでも自前のDESIGN.mdを使ってAIにUI生成させている身からすると、他サイトのDESIGN.mdがどんな粒度で書かれているか眺められるのは参考になる。「デザインシステムをAIに伝える」という問題意識が広がっていることの表れでもあり、この領域はまだ正解が固まっていないからこそ、62件の実例を横断比較できる場には価値がある。