Design tokens are foundational design decisions representing a design system’s visual language. Tokens can represent colors, typography, effects, spacing, and animation. Tokens store values like colors, font-styles, and font sizes, allowing the visual language to be applied across all products. They streamline designer and developer workflows, enabling the design system to scale. Tokens are platform agnostic but can be applied with platform-specific code for ultimate flexibility.
- Color
- Measurement
- Duration
- Opacity
- Depth
- Shadow
- Border
- Gradient
- Text Style
- Font
- Text Styles
- Shadow
- Vector