アンドパッドのデザインシステムの今までとこれから

Frontend Talk 〜デザインシステム構築のリアルな裏側〜
2022/03/10
https://andpad.connpass.com/event/238368/

2021年7月にアンドパッドに入社してから現在に至るまでの約7ヶ月。入社時に存在したデザインシステム（UIコンポーネント集）と、現在構築中のデザインシステムの比較を交えながら、どのようにしてデザインシステムに取り組んでいるのかを、デザイナーの目線からお話した際のスライドです。

▼アーカイブ動画
https://www.youtube.com/watch?v=xtIPKcLa-a0

▼ログミーさんによる内容の書き起こし
https://logmi.jp/tech/articles/326308

▼キャリアハックさんによるイベントレポート
https://careerhack.en-japan.com/report/detail/1554

Transcript

1. Frontend Talk 2022/03/10
2. 2 8 @sizucca_ 2015 Ruby, Sass, FLOCSS, MindBEMding 2019 https://www.slideshare.net/sizucca/ss-239468008 2021 JOIN Web
3. 3 1. 2. 3. 4.
4. 4 1
6. 6 ANDPAD Vertical SaaS Vertical SaaS Horizontal SaaS Slack Chatwork LINEWORKS freee SmartHR freee
7. 7 × etc C B A E D F ※ ※
8. 8 2
9. 9 ANDPAD 2021 9 1 p18 ANDPAD
10. 10 ANDPAD No.1 ANDPAD 10 26 2021 8 10 ANDPAD
11. 11 ANDPAD C B A E D F
12. 12 ANDPAD C B A E D F
13. 13 3
14. 14 1. 2.
16. 16 ( ) ( ) B ( ) 2018 Design Systems ―
17. 17 築
19. 19 Typography • https://spectrum.adobe.com/ • https://spindle.ameba.design/ • https://design.pepabo.com/ • https://m3.material.io/styles/ • https://orbit.kiwi/ • https://polaris.shopify.com/ • https://smarthr.design/ ※
21. 21 Color
22. 22 Layout
23. 23 4
25. Thank you 25 • • 10 •