Skip to content
Easing Curve Visualizer

Easing Curve Visualizer

by marius

Generate visual representations of cubic bezier easing curves.

FreeFigma

Installs

22

Likes

3

Users

298

Views

222

Preview

Easing Curve Visualizer preview

About this plugin

Generate visual representations of cubic bezier easing curves.

What it doesCreates a frame showing the control points and curve shape for any cubic-bezier(x1, y1, x2, y2) timing function. Useful for documenting animation specs or understanding easing behavior.

UsageRun the pluginEnter the four cubic bezier values (x1, y1, x2, y2)Click createOutputA 240×240px frame containing:

Dashed bounding boxLinear reference lineControl point handlesThe bezier curveStart/end points and control point markers

More prototyping & animation plugins plugins

View all