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

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

98616aa6b83a1cd3f1c7d22e2e1ad526?s=47 sizucca
March 10, 2022
Design
2
1.4k

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

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

98616aa6b83a1cd3f1c7d22e2e1ad526?s=128

sizucca

March 10, 2022
Tweet

Other Decks in Design

See All in Design
Shuv It Boards
966a7d3473313a57827602754b617993?s=48 8sided
PRO
1
210
yamanohanabuta logoguideline
4a9fb6423c8832a316433031d06523f1?s=48 misamochimasu
0
140
My Yahoo Refresh Overview
Dc9d3d8370a9655046689bfb5a8c086d?s=48 xuechunwu
0
260
Interest + Curiosity Booklet
C92ba1dc20b6ee6b4ec64e11a9dba4fc?s=48 juliaso
0
130
Storyboard: Midnight Cookie
E46552bcd7b14a164c3e48ea28015d8d?s=48 luchiianita
0
210
メンタルモデルとは？　カスタマーサポート向けズレ埋め勉強会
B6a2f6699d8ebaad85000f9a8e3d8ccc?s=48 aguringo
0
500
はじめまして、株式会社サインコサインです。（2022.04）
6581d0d2debbc8be5e4808cf46b4f104?s=48 kakukoki
PRO
2
3.3k
Designing Schematic Maps
Fb35b29dfdf70000bb09777b531db5dc?s=48 rasagy
1
270
Designing for trust: Applying Promise Theory to collaborate effectively with your remote teams
0eb7b7e396243e93a186ba20649d9aa6?s=48 akiramotomura
0
420
My Yahoo Refresh Overview
Dc9d3d8370a9655046689bfb5a8c086d?s=48 xuechunwu
0
320
FULLPAGEJUNGLECHASE.pdf
8b7fb938172b8a20d480306981f68eae?s=48 anran99
2
460
Monster in the Closet
E9842b8acc7107a783648a6274dd9a10?s=48 laineyru
1
220

Featured

See All Featured
CSS Pre-Processors: Stylus, Less & Sass
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
349
27k
Optimizing for Happiness
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
365
63k
Why Our Code Smells
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
324
55k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
19
1.4k
4 Signs Your Business is Dying
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
169
20k
Happy Clients
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
89
5.6k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
E195ae45320d9202eaa01c9f1d31a416?s=48 marktimemedia
15
940
Clear Off the Table
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
79
280k
Pencils Down: Stop Designing & Start Developing
79acae287842acf29084005533a7fb3b?s=48 hursman
112
9.8k
Keith and Marios Guide to Fast Websites
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
404
21k
The Success of Rails: Ensuring Growth for the Next 100 Years
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
10
3.3k
Adopting Sorbet at Scale
2bb923c57a1fdc3a2eb484bb8d565fd2?s=48 ufuk
63
7.6k

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 •