TLDR Design · MISCELLANEOUS

MOTION TOKENS: NAMING YOUR MOVEMENT

designtokens.substack.com4 min read

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."