【保存版】世界中のデザインシステム事例をまとめてみた(74個)
デジタルプロダクトの開発現場で欠かせない「デザインシステム」。
前回の記事でなぜデザインシステムが重要なのかを解説しました。デザインシステムは効率的で一貫性のあるプロダクトを提供するため、多くの企業や団体が独自のデザインシステムを構築・活用しています。
本記事では、日本から海外まで74個の代表的なデザインシステムを厳選してご紹介します。
各デザインシステムの特徴や採用企業についても触れていますので、デザインや開発に携わる方にとって保存版ともいえる内容です。新たなプロダクトデザインの参考や、既存システムの改善にお役立てください。
前回の記事
本記事では、国ごとに注目すべきデザインシステムを紹介します。
また、デザインシステムの導入支援や11月限定の無料相談会も行っておりますので最後まで読んでいただけると幸いです。
日本のデザインシステム
App Style Guide - PayPay
Apron - Cookpad
https://www.figma.com/community/file/847372282968994272
D-EXPERIENCE DESIGN SYSTEM - DENSO
Design System - デジタル庁
https://www.figma.com/@digitalagencyjp
EXPO 2025 Design System - 万博2025
FALCON - ユーザベース
IKYU Design Guideline - 一休
Inhouse - GMOペパボ
kamii - ラクスル
LINE Design System - LINEヤフー
mikan Design System - mikan
Qiita VI Components - Qiita
Serendie Design System - 三菱電機
https://www.figma.com/@serendiedesign
Spindle - CyberAgent
Ubie Vitals - Ubie
vibes - freee
Wantedly UI Components - Wantedly
Francfranc Design System Guidelines
無印良品 ワールド・タグシステム
アメリカのデザインシステム
Acorn - Firefox
Atlassian Design System - Atlassian
Auro - Alaska Airlines
Bolt - Slack
Base - Uber
Camp - ActiveCampaign
Canvas - HubSpot
Carbon Design System - IBM
Cloudscape - AWS
Design at Goldman Sachs - Goldman Sachs
Design System - W3C
Druids - Datadog
Duolingo Brand Guidelines - Duolingo
Edison - General Electric
Encore - Spotify
Fluent2 - Microsoft
Gamut - Codecademy
Garden - Zendesk
Geist - Vercel
Gestalt - Pinterest
Human Interface Guidelines - Apple
Lightning Design System - Salesforce
Mailchimp Design - Mailchimp
Material Design - Google
Momentum Design - Cisco
Mozilla Protocol - Mozilla
Northstar - Intuit
Odyssey - Okta
Orbit - Kiwi.com
Pajamas - GitLab
Paste - Twilio
https://www.figma.com/community/file/1207476064127503112
Pencil - Brainly
Primer - GitHub
Skiff UI Design System - Skiff
SmartHR Design System - SmartHR
Spectrum - Adobe
The Dell Design System - DELL
U.S. Web Design System（USWDS） - アメリカ政府
UI2 - Figma
https://www.figma.com/community/file/1271813911103366792
Vanilla - Ubuntu
カナダのデザインシステム
Polaris - Shopify
ヨーロッパのデザインシステム
Audi CI Portal - Audi
Backpack - Skyscanner
BBC - GEL（Global Experience Language）
Brand Estonia - エストニア政府
Design System - パリ五輪2024
https://olympics.com/en/paris-2024/the-games/the-brand/design_full_old
Duet Design System - LocalTapiola
ENGIE - Fluid
GOV.UK Design System - イギリス政府
Helsinki Design System - ヘルシンキ市
Nordhealth - Nord.
PAQT - Graphite
The Co-operative Group - Co-op Experience Library
THE FINANCIAL TIMES - Origami
University College London - UCL's design system
中国のデザインシステム
Ant Design - Ant Group
Semi Design - ByteDance
デザインシステムの導入支援
私たち、デザインスタジオMEMEでは、新規事業の立上げや既存システムのリニューアルやデザインシステムの導入をサポートしています。デザイン専門家が協力し、企業フェーズに合わせたデザインシステムを構築することで、効率化とブランドの一貫性を実現します。詳しくは下記サイトをご覧ください。
また、2024年11月限定で無料相談会も実施しております。下記からご予約が可能です。ポチッとお気軽にご連絡ください。
まとめ
デザインシステムは、規模や業種を問わず、デザインと開発の品質を保ちながらスピード感を持ってプロダクトをリリースするための重要な基盤です。今回ご紹介した74個の事例からも分かる通り、各企業はそれぞれのニーズに応じて独自のデザインシステムを構築し、その中で生まれる統一感が、ユーザー体験の向上やチームの効率化につながっています。これらの事例が、皆さまのプロジェクトやチームでのデザインシステム構築・改善の一助となることを願っています。
本の購入に使わせていただきます！