Skip to main content

Motion

Durations and easing, read from the motion collection. Press Replay to run every demo again. Each demo shows the token easing on the upper track and a linear run of the same duration on the lower track, so the shape of the curve is visible rather than just its length.

Why these are code-only

Figma has no duration or easing variable type, so these import as strings and cannot drive anything on the canvas. They exist so hover, press and overlay timings stay consistent once built — which also means they are the one part of the system a designer cannot verify in Figma, and must be reviewed here.