Easing
Easing is the curve that controls how an animation speeds up and slows down over its duration.
Definition
Easing is the curve that controls how an animation speeds up and slows down over its duration.
Use case
Ease out suits things entering the screen and ease in suits things leaving. Linear motion feels mechanical for most interface elements.
In Figma
Easing curves in Smart animate
Related terms
Tools
Easing Functions Cheat Sheet
Lets you compare common curves and copy the CSS value.