The
DesignDividend
Building Your DesignSystem’s Foundations
Lorant Toth
Intro to design systems
What is a token?
Color
Base colors
Semantic colors
Component colors
Advanced concepts
Scaling
Proportional scaling
Layout
Breakpoints (in Figma)
Spacing system
Base tokens
Static tokens
Responsive tokens
Layout shifting
Conditional rendering
Shape
Border radius
Typography
Categories
Properties
Example
