2. How to fail at
building a design
system

3. Jordan Staniscia
Lead Designer at

4. What is a design
system?

5. Style guide?

6. Design System
=
Style Guide
+
Component Library
+
Defined Interactions

7. Design systems are containers
for institutional knowledge.
“
— Josh Clark, Big Medium

8. Design systems change
over time

9. Mac OS
1984

10. Why are they important?

11. A unified design system is essential
to building better and faster; better
because a cohesive experience is
more easily understood by our users,
and faster because it gives us a
common language to work with.
“
—Karri Saarinen, Airbnb

13. 2015

15. Bootstrap Beetstrap

17. Where are the icons?
What’s Beetstrap?
When will it have ____?
Mobile?

19. 2016

20. Let’s do it all in Sketch

22. Can I see the guide?
That’s not how
Beetstrap works.
Why?

23. Lack of trust

24. 2017

25. This time was different

26. Catalog
everything...

27. But make a wish list too.

28. S p a c i n g , Type, & Color

29. Our use case

30. Set a deadline

31. Cards &
Containers
Forms &
Feedback
Navigation
& Actions

32. Talk about it.

33. Before & after

34. Always be socializing

35. Snacks

36. ● 3 months design work
● 1 meeting a week
● Wine & cheese day
● Assemble it at the end
● ???
● Profit

37. 1. Go multi-platform
2. Build for your use case
3. Plan for changes
4. Adoption

38. Thanks