日本・海外のデザインシステムまとめ「20選」

デザインシステムはプロダクト開発におけるデザインの一貫性と効率性を高めるためのフレームワークです。以下に、日本および海外の代表的なデザインシステムを20選ご紹介します。

日本のデザインシステム

SmartHR Design System

• 概要: SmartHRが提供するデザインシステムで、誰でも効率よく、迷わずにSmartHRらしい表現をするためのガイドラインとコンポーネントを提供しています。
• URL: SmartHR Design System

一休.com Design System

• 概要: 一休.comが提供するデザインシステムで、ユーザーエクスペリエンスの向上と開発効率の最適化を目的としています。
• URL: 一休.com Design System

Wantedly Design System

• 概要: Wantedlyが提供するデザインシステムで、ブランドの一貫性とプロダクトの品質向上を目指しています。
• URL: Wantedly Design System

メルカリ Design System

• 概要: メルカリが提供するデザインシステムで、多様なプロダクト間でのデザインの一貫性を保つためのガイドラインを提供しています。
• URL: Mercari Design System

クックパッド Design System

• 概要: クックパッドが提供するデザインシステムで、ユーザーにとって使いやすいデザインを追求しています。
• URL: Cookpad Design System

楽天 Design System

• 概要: 楽天が提供するデザインシステムで、グローバルなユーザーに対応したデザインガイドラインを提供しています。
• URL: Rakuten Design System

LINE Design System

• 概要: LINEが提供するデザインシステムで、多様なサービス間でのデザインの統一性を保つためのガイドラインを提供しています。
• URL: LINE Design System

Yahoo! JAPAN Design System

• 概要: Yahoo! JAPANが提供するデザインシステムで、ユーザーにとって使いやすいデザインを追求しています。
• URL: Yahoo! JAPAN Design System

Sansan Design System

• 概要: Sansanが提供するデザインシステムで、プロダクト間でのデザインの一貫性を保つためのガイドラインを提供しています。
• URL: Sansan Design System

freee Design System

• 概要: freeeが提供するデザインシステムで、ユーザーエクスペリエンスの向上と開発効率の最適化を目指しています。
• URL: freee Design System

海外のデザインシステム

Material Design

• 概要: Googleが提供するデザインシステムで、視覚、動き、インタラクションのガイドラインを包括的に提供しています。
• URL: Material Design

Carbon Design System

• 概要: IBMが提供するデザインシステムで、企業向けの包括的なデザインガイドラインとコンポーネントを提供しています。
• URL: Carbon Design System

Polaris

• 概要: Shopifyが提供するデザインシステムで、ブランドの一貫性とユーザーエクスペリエンスの向上を目指しています。
• URL: Polaris

Atlassian Design System

• 概要: Atlassianが提供するデザインシステムで、製品間でのデザインの一貫性を保つためのガイドラインを提供しています。
• URL: Atlassian Design System

Lightning Design System

• 概要: Salesforceが提供するデザインシステムで、企業向けの包括的なデザインガイドラインとコンポーネントを提供しています。
• URL: Lightning Design System

Fluent Design System

• 概要: Microsoftが提供するデザインシステムで、Windowsアプリケーション向けのデザインガイドラインを提供しています。
• URL: Fluent Design System

Ant Design

• 概要: 中国のAlibabaが提供するデザインシステムで、エンタープライズ向けのUIデザイン言語を提供しています。
• URL: Ant Design

Spectrum

• 概要: Adobeが提供するデザインシステムで、Adobe製品間でのデザインの一貫性を保つためのガイドラインを提供しています。
• URL: Spectrum

Grommet

• 概要: Hewlett Packard Enterprise が提供するデザインシステムで、レスポンシブデザインやアクセシビリティに重点を置いたUIコンポーネントを備えています。
• URL: Grommet

Evergreen

• 概要: Segment が提供するデザインシステムで、モダンで直感的なUIコンポーネントを利用可能。Reactベースのコンポーネントが豊富に用意されています。
• URL: Evergreen