1.
About Me
Kyohei Morimoto
(@basara669)
Frontend Engineer
•
•

2.
ABOUT RIFF

3.
FEATURES
ABOUT RIFF
• Web
• GitHub
• Sketch
•
1
• CI
• TextLint VisualRegressionTest

4.
TEAM
ABOUT RIFF
• 2014 10
Bootstrap
• Web
•
•

5.
😇

6.
THE PROBLEMS
1
2
3

7.
THE PROBLEMS
1
2
3

8.
UI 😥

9.
😇
😇
😇

10.
https://speakerdeck.com/studiomohawk/design-
system-as-a-product-at-frontrend-vol-dot-8

11.
- Yuya Saito @cssradar-

12.
LIBRARY VS DESIGN SYSTEM
LIBRARY DESIGN SYSTEM

13.
SUMMARY
1
2
3

14.
SUMMARY
1
2
3

15.
THE PROBLEM IS ..

16.
https://japan.cnet.com/article/35096064/

17.
😎😠

18.
…

19.
THE PROBLEM IS ..
- vs
- …
Web

20.
SUMMARY
1
2
3

21.
SUMMARY
1
2
3

22.
🤔

23.
https://speakerdeck.com/studiomohawk/design-
system-as-a-product-at-frontrend-vol-dot-8

24.
https://medium.com/eightshapes-llc/team-models-for-
scaling-a-design-system-2cf9d03be6a0

25.
DESIGN SYSTEM TEAM MODELS
•1
• Bootstrap
•
•
•
•
• MaterialDesign

26.
PROS AND CONS
PROS CONS

27.
PROBLEM OF FEDERATED MODEL
- OSS
3
-
-
or issue

28.
3

29.
WRAP UP

30.
Kyohei Morimoto @basara669
THANK
YOU

31.
APPENDIX

32.
DESIGN SYSTEM AS A PRODUCT
Bonfire Design @cssradar Design System as a Product
https://d.pr/n/DiJeqa
@hiloki 🙏