Skip to content
Easing Gradients

Easing Gradients

by Alex Widua

Create smooth gradient transitions with cubic easing functions ✨Allows smoothing of gradient fills in Figma using custom cubic-bézier or step easing functions…

FreeFigma

Installs

23,659

Likes

1,598

Users

103,788

Views

61,389

Preview

Easing Gradients preview

About this plugin

Create smooth gradient transitions with cubic easing functions ✨Allows smoothing of gradient fills in Figma using custom cubic-bézier or step easing functions (think of transition easing). This is especially useful when dealing with transparent gradients but also allows for creative exploration.

UsageThe plugin is 'gradient-agnostic' in that sense that it doesn't care about the type (linear, radial etc.) and orientation of the gradient.

It takes the first and last color stop as parameters and eases the gradient with the given easing function value. One caveat with this is that all other color steps in between are discarded.

The plugin is open source and MIT licensed.

This plugin is based on the great work of Andreas Larsen.

More editing & effects plugins plugins

View all