2018年4月20日に行われた『Bonfire Design #3』のスライドです。 このスライドで紹介している『Design System as a Product』の講演時のシナリオを著者である斉藤 祐也様からご提供いただいたので、巻末の付録に付けました。 ぜひそちらもご参照ください！

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

6. ABOUT RIFF

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

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

9. 😇

10. THE PROBLEMS
1
2
3

11. THE PROBLEMS
1
2
3

13. UI 😥

15. 😇
😇
😇

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

17. - Yuya Saito @cssradar-

18. LIBRARY VS DESIGN SYSTEM
LIBRARY DESIGN SYSTEM

20. SUMMARY
1
2
3

21. SUMMARY
1
2
3

22. THE PROBLEM IS ..

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

27. 😎😠

29. …

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

31. SUMMARY
1
2
3

32. SUMMARY
1
2
3

33. 🤔

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

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

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

37. PROS AND CONS
PROS CONS

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

40. 3

41. WRAP UP

42. Kyohei Morimoto @basara669
THANK
YOU

43. APPENDIX

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