世界中の有名企業のデザインシステムを一覧で比較できる！究極のカタログ集 — awesome-design-systems
awesome-design-systemsは、Google、Apple、IBM、Shopifyなど世界中の企業や組織が公開しているデザインシステム（Webサイトやアプリの見た目やルールをまとめたガイドブックのようなもの）を一覧にまとめたリストです。各デザインシステムが「UIコンポーネント（ボタンやフォームなどの部品）」「文章のトーン（言葉づかいのルール）」「デザイナー向けファイル」「ソースコード」のどれを提供しているかが一目でわかる表形式で整理されています。Webサイトやアプリのデザインに関わるデザイナーやエンジニアが、自社のデザインシステムを作る際のお手本探しや比較検討に使えます。200以上のデザインシステムが収録されており、Adobe、Microsoft、Salesforceなどの大企業からカナダ政府やフランス政府のような公共機関まで幅広くカバーしています。
🔥 なぜ話題？
デザインシステムの導入が企業のWeb開発において標準的になりつつあり、自社に合ったデザインシステムを選んだり参考にしたいというニーズが高まっていることが背景にあります。特にshadcn/uiやMantineなど新しいUIライブラリの台頭もあり、最新のデザインシステム動向を俯瞰できるリストとして注目されています。
💡 こう使える！
例えば、自社のWebアプリにデザインシステムを導入しようと検討しているとき、awesome-design-systemsの一覧を見れば『Shopify Polarisはコンポーネントも文章ガイドもデザイナーキットも全部揃っていてソースコードも公開されている』『Duolingoは文章のトーンガイドだけ公開している』といった比較が一瞬ででき、参考にしたいシステムをすぐ見つけられます。
ユースケース: 自社のWebサービスやアプリのデザインルールを整備する際に、世界中の有名企業のデザインシステムを参考資料として比較・調査するために使える。
- 200以上のデザインシステムをGoogle・Apple・IBMなど大企業から政府機関まで網羅的に収録
- コンポーネント・文章ガイド・デザイナーキット・ソースコードの有無が一覧表で一目瞭然
- 各デザインシステムへのリンクとGitHubリポジトリへのリンクが整理されておりすぐアクセス可能
💅🏻 ⚒ A collection of awesome design systems