Skip to main content
Documentation
Figma
GitHub
Design Principles
Motion language
On this page
Previous
Graphical Assets
Guiding
Direction and sequence of motion
Axes
Expressive
User journey stages and expressiveness
Transition tokens
Easing
Duration
Delay
Motion types
Motion properties
Time and speed
Position and movement
Visual appearance
Motion patterns
Micro-interactions
Principles
Examples of microinteractions
Interactions
Key principles
Examples of interactions
Transitions
Use of axes
Key principles
Examples of transitions
Applying transitions
Naming convention