Design

Motion and interaction specs

Show the timing instead of describing it.

For product designers, motion designers.

Free to download · Windows 10 & 11 · 4.5 MB
The revenue chart lifts off the screen and lands enlarged in the middle on a shadow while the screen behind blurs and dims, then settles back.

The situation

Easing and timing are impossible to specify in words; a recording with a zoom on the transition is the spec.

How it is done in Sceed

  1. 1

    Record the prototype playing the interaction.

  2. 2

    Zoom on the element that moves.

  3. 3

    Slow it down with a speed change on the timeline.

  4. 4

    Add a callout with the duration and ease.

Related use cases

All 52 use cases →