デザインシステムはプロダクト開発におけるデザインの一貫性と効率性を高めるためのフレームワークです。以下に、日本および海外の代表的なデザインシステムを20選ご紹介します。
日本のデザインシステム
SmartHR Design System
- 概要
- SmartHRが提供するデザインシステムで、誰でも効率よく、迷わずにSmartHRらしい表現をするためのガイドラインとコンポーネントを提供しています。
- URL
一休.com Design System
- 概要
- 一休.comが提供するデザインシステムで、ユーザーエクスペリエンスの向上と開発効率の最適化を目的としています。
- URL
Wantedly Design System
- 概要
- Wantedlyが提供するデザインシステムで、ブランドの一貫性とプロダクトの品質向上を目指しています。
- URL
メルカリ Design System
- 概要
- メルカリが提供するデザインシステムで、多様なプロダクト間でのデザインの一貫性を保つためのガイドラインを提供しています。
- URL
クックパッド Design System
- 概要
- クックパッドが提供するデザインシステムで、ユーザーにとって使いやすいデザインを追求しています。
- URL
楽天 Design System
- 概要
- 楽天が提供するデザインシステムで、グローバルなユーザーに対応したデザインガイドラインを提供しています。
- URL
LINE Design System
- 概要
- LINEが提供するデザインシステムで、多様なサービス間でのデザインの統一性を保つためのガイドラインを提供しています。
- URL
Yahoo! JAPAN Design System
- 概要
- Yahoo! JAPANが提供するデザインシステムで、ユーザーにとって使いやすいデザインを追求しています。
- URL
Sansan Design System
- 概要
- Sansanが提供するデザインシステムで、プロダクト間でのデザインの一貫性を保つためのガイドラインを提供しています。
- URL
freee Design System
- 概要
- freeeが提供するデザインシステムで、ユーザーエクスペリエンスの向上と開発効率の最適化を目指しています。
- URL
海外のデザインシステム
Material Design
- 概要
- Googleが提供するデザインシステムで、視覚、動き、インタラクションのガイドラインを包括的に提供しています。
- URL
Carbon Design System
- 概要
- IBMが提供するデザインシステムで、企業向けの包括的なデザインガイドラインとコンポーネントを提供しています。
- URL
Polaris
- 概要
- Shopifyが提供するデザインシステムで、ブランドの一貫性とユーザーエクスペリエンスの向上を目指しています。
- URL
Atlassian Design System
- 概要
- Atlassianが提供するデザインシステムで、製品間でのデザインの一貫性を保つためのガイドラインを提供しています。
- URL
Lightning Design System
- 概要
- Salesforceが提供するデザインシステムで、企業向けの包括的なデザインガイドラインとコンポーネントを提供しています。
- URL
Fluent Design System
- 概要
- Microsoftが提供するデザインシステムで、Windowsアプリケーション向けのデザインガイドラインを提供しています。
- URL
Ant Design
Spectrum
- 概要
- Adobeが提供するデザインシステムで、Adobe製品間でのデザインの一貫性を保つためのガイドラインを提供しています。
- URL
Grommet
- 概要
- Hewlett Packard Enterprise が提供するデザインシステムで、レスポンシブデザインやアクセシビリティに重点を置いたUIコンポーネントを備えています。
- URL
Evergreen
- 概要
- Segment が提供するデザインシステムで、モダンで直感的なUIコンポーネントを利用可能。Reactベースのコンポーネントが豊富に用意されています。
- URL
他にもクリエイターの収入アップ方法も紹介しているので、自分の給与に違和感がある方は覗いていってみてください。
