TLDR Design · MISCELLANEOUS
MOTION TOKENS: NAMING YOUR MOVEMENT
Summary from the TLDR Design newsletter
Design tokens standardize motion in interfaces, covering duration, easing, and accessibility in one unified system. The approach follows a three-tier architecture (primitive, semantic, and component-specific) with JSON examples for durations and easing curves like cubic-bezier coordinates. This prevents inconsistent animations across teams by giving shared names to motion values, ensuring interfaces move with consistent personality rather than having developers hardcode their own versions of "fast" or "slow."