デザインシステムの具体例・参考事例のリンク集

この記事は公開されているデザインシステムの具体例を集めたリンク集です。

デザインシステムを作って公開している企業と言えばGoogleとAppleが有名ですが、その他にも様々な企業が同じようにデザインシステムを公開しています。

新たなものを見つけ次第順次追加していくのでぜひブックマークしてください。

デザインシステムのリンク集

社名デザインシステム名URL
GoogleMaterial Designhttps://material.io/design
AppleHuman Interface Guidelineshttps://developer.apple.com/design/human-interface-guidelines/guidelines/overview/
MicrosoftFluent Design Systemhttps://www.microsoft.com/design/fluent/
SalesforceLightning Design Systemhttps://www.lightningdesignsystem.com/
IBMIBM Design Languagehttps://www.ibm.com/design/language/
AmebaSpindlehttps://spindle.ameba.design/
SmartHRSmartHR Design Systemhttps://smarthr.design/
ShopifyShopify Polarishttps://polaris.shopify.com/
PhotonPhoton Design Systemhttps://design.firefox.com/photon/
AtlassianAtlassian Design Systemhttps://atlassian.design/
mailchimpmailchimp Designhttps://mailchimp.com/design/
OktaOdysseyhttps://odyssey.okta.design/?path=/story/welcome-introduction-readme–page

これらの簡単な解説を以下に続けていきます(順次更新していきます)。

Google / Material Design

https://material.io/design

最も有名なデザインシステムの1つ、Googleのマテリアルデザインです。

Android、iOS、Web向けに Google が作成したデザインシステムです。つまりスマホアプリにもWebサイト・システムにも適応できるため非常に汎用的なデザインシステムになっています。

公式の説明では、これらに加えてFlutter向けともなっていますが、FlutterはGoogleが開発したフレームワークで、Android、iOS、Webの開発に対応しているものなので、つまりは同じことになります。

デザインシステムの解説と作り方に関する記事はこちら

デザインシステムの作り方徹底ガイド 参考にしたい導入事例まとめ

デザインシステムとは?作り方や事例についてデザイナーが解説!

デザインシステムとは?内容や作り方、運用方法を解説します

この記事をシェアする

  • Twitterにシェア
  • facebookにシェア
  • LINEにシェア
  • POCKETにシェア