domains / families / design / motion-system

motion-system

separate

Define motion tokens — durations, easing vocabulary, and reduced-motion handling — for consistency product-wide. Use when standardising motion across a system. For crafting one specific animation, use `animation-principles` (interaction-design).

When to use

• Defining duration scales
• Defining easing curves
• Setting choreography rules
• Handling reduced-motion accessibility
• Standardising motion across a system
• Creating motion design tokens

When not to use

• Crafting one specific animation

Skill page

Source