Figma provides a number of gradient-based
Figma also offers a number of plug-ins for gradients.

Hanai Akihiro

Design

How to use Figma plug-ins “uigradients”, “Noisy Gradients”, “Grainy Gradients”, and “Mesh Gradients”|Let’s create attractive gradations.

Post:2024.04.02 / Rewrite : 2024.03.25

View

20 views

uigradients is a plugin that allows you to reflect hundreds of pre-prepared gradients on your objects.

figma-plugin-gradation

Movie|How to use Figma plug-ins “uigradients”, “Noisy Gradients”, “Grainy Gradients”, and “Mesh Gradients”|Let’s create attractive gradations.

How to use Figma’s “uigradients” plug-in

With the object you want to gradient selected, click on “plugin” and “uiGradient”.

The gradient palette will appear, and select the gradient you wish to apply.

How to use Figma’s “Noisy Gradients” plug-in

Noisy Gradients is a plug-in that allows you to apply a rough gradient with noise to an object.

With the object to be gradated selected, click on “plugin” “Noisy Gradients.

Select the gradient of your choice from Generate New.

The paid version allows you to change the amount of noise and the shape of the gradient.

How to use Figma’s “Grainy Gradients” plug-in

Grainy Gradients is a plugin that allows you to reflect a rough gradient with noise on an object.

As of February 2024, this plugin is free of charge and can be set with or without noise.

From Randomize, generate a gradient, and press Generate to output it as an image.

The image can be copied as a style with command + option + c and pasted into an object.

How to use Figma’s “Mesh Gradients” plug-in

Set the number of mesh points from Number of mesh points, Control visibility

to set the control method of the gradient, and turn on Editable edge to modify the outside of the gradient.

Randomize” allows you to generate a random gradient, change the color and size of the gradient, and then draw the gradient as an image.

Contact

Contact me

I want to convey this kind of thing!
I want to express something like this!
I'm thinking about this kind of time frame and budget... 🤔
First of all, please let me know your frank requests.
I will respond with sincerity.

contact
tel tel