Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

98616aa6b83a1cd3f1c7d22e2e1ad526?s=47 sizucca
March 10, 2022

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

Frontend Talk 〜デザインシステム構築のリアルな裏側〜
2022/03/10
株式会社 アンドパッド かわかみしずか

98616aa6b83a1cd3f1c7d22e2e1ad526?s=128

sizucca

March 10, 2022
Tweet

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

  5. 5

  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.

  15. 15

  16. 16 ( ) ( ) B ( ) 2018 Design

    Systems ―
  17. 17 築

  18. 18

  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/ ※
  20. 20

  21. 21 Color

  22. 22 Layout

  23. 23 4

  24. 24

  25. Thank you 25 • • 10 •