How to make a gradient in Figma

How it works

First click on the image in the frame you want to add a gradient
Then click on the color picker in the left sidebar under selection color
Next click on the color selector icon in the Color Picker dialog
Then configure on the gradient slider in the Color Picker modal
Finally click on the open canvas to apply your changes

Create your own interactive guide with Guideflow

Why should you use this feature?

Figma is a cutting-edge design tool that empowers creative professionals to collaborate and create visually stunning graphics.

Creating a gradient in Figma is intuitive and provides designers with endless possibilities to enhance their projects. By adjusting a few settings, users can effortlessly blend colors to achieve smooth transitions.

Gradients in Figma add depth and dimension to designs, making them more visually appealing and dynamic. This feature is essential for modern design as it enriches user interfaces with eye-catching visuals.

Embrace gradients in your Figma projects for a polished and professional look.

Last update

December 19, 2025

Tutorials