かめ。ブログ

デザインシステムの構築する際の参考になるサイト

2022年12月16日
2023年2月15日

目次

有名で参考になりそうなデザインシステムまとめています。
個別の感想だったり、実際にデザインシステムを作るときのいろいろについては別でまとめていこうと思います。

参考になるデザインシステムサイト

デジタル庁

Ameba

使っているUIシステム

Apple

Google

使っているUIシステム

SmartHR Design System

Atlassian Design System

shopifyのpolaris

Okta Odyssey

説明参考

Twilio Paste

Ant Design

GMO Pepabo Design inhouse

Gif Lab

GitHub

Adobe Spectrum

Uber

IBM Carbon

Mailchimp

Salesforce Lightning

Web Content Accessibility Guidelines (WCAG) 2.1

いろいろなデザインシステムの参考にされているWCAG


参考


まとめ

web開発でサービスを作る上で完璧なものを作るまで行かずともある程度はこういったことを意識する必要はあると思います。
一通り作り方や、気をつけたいポイントなどは意識できるようにしておきたいですね。



関連する記事