Design Systemの具体例 - mrsekut-p

Design Systemの具体例

日本語

SmartHR Design System

https://story.smarthr-ui.dev/

割と細かく書いている

e.g. 余白を取るとか ref

LINE

LINE Design System

https://pixiv.github.io/charcoal/docs/#/

https://blog.qiita.com/increments-design-system/

https://blog.qiita.com/increments-design-system-2/

デジタル庁

https://www.digital.go.jp/policies/servicedesign/designsystem/

https://blog.cybozu.io/entry/2022/03/16/141935

PayPay for Developers

https://www.ikyu.co.jp/design_guideline

英語

GitHub

Pearson

https://uxframework.pearson.com/

めっちゃ作り込まれている

Mozuls

https://github.com/modulz/radix

https://spectrum.adobe.com/

https://bagelee.com/design/adobes-design-system-spectrum/

https://qiita.com/so99ynoodles/items/bc924b7ee8c265b09723

https://paste.twilio.design/

Brand Guidelines - Duolingo

https://goodpatch.com/blog/i-love-design-systems

1. Primer (GitHub)

2. Polaris (Shopify)

3. Audi CI

4. Atlassian Design System

5. Ant Design

6. Inhouse (Pepabo)

7. Pajamas (GitLab)

8. Brand Estonia

9. Spectrum (Adobe)

10. Carbon (IBM)