“Tear down this wall.”
http://www.history.com/this-day-in-history/reagan-challenges-gorbachev
Slide 45
Slide 45 text
R/A/C/I
Slide 46
Slide 46 text
Responsible/A/C/I
Slide 47
Slide 47 text
R/Accountable/C/I
Slide 48
Slide 48 text
R/A/Consulted/I
Slide 49
Slide 49 text
R/A/C/Informed
Slide 50
Slide 50 text
Interface inventory.
Slide 51
Slide 51 text
Building it out.
Slide 52
Slide 52 text
Document everything.
Slide 53
Slide 53 text
Design tokens.
Slide 54
Slide 54 text
“Design tokens are the visual design atoms of the
design system — specifically, they are named entities
that store visual design attributes. We use them in
place of hard-coded values (such as hex values for
color or pixel values for spacing) in order to
maintain a scalable and consistent visual system for
UI development.”
https://www.lightningdesignsystem.com/design-tokens/
Slide 55
Slide 55 text
Good design token represents meaningful value and
a design choice.
Slide 56
Slide 56 text
$brand-blue
Slide 57
Slide 57 text
$color-link-regular
Slide 58
Slide 58 text
Component library.
Slide 59
Slide 59 text
Atomic Design.
Slide 60
Slide 60 text
No content
Slide 61
Slide 61 text
http://atomicdesign.bradfrost.com/
Slide 62
Slide 62 text
!
Slide 63
Slide 63 text
!
Slide 64
Slide 64 text
Congratulations, you now have a design system.
Slide 65
Slide 65 text
Congratulations, you now have a design system style
guide.
Slide 66
Slide 66 text
!
Slide 67
Slide 67 text
Level 3: Connected community of people invested in
consistency and quality of the products.
Slide 68
Slide 68 text
Evangelize.
Slide 69
Slide 69 text
Add design system as part of your company
onboarding.
Slide 70
Slide 70 text
Do workshops.
Slide 71
Slide 71 text
Explain.
Slide 72
Slide 72 text
Get everyone on board.
Slide 73
Slide 73 text
Extra points: Build a dedicated Design Systems
Engneering team whose sole purpose is maintaining,
updating and evangelizing design system.