How to make a gradient in Figma

Create your own interactive guide with Guideflow

How it works

Here is a step-by-step guide on how to make a gradient in Figma:

1. First click on the image in the frame you want to add a gradient

2. Then click on the color picker in the left sidebar under selection color

3. Next click on the color selector icon in the Color Picker dialog

4. Then configure on the gradient slider in the Color Picker modal

5. Finally click on the open canvas to apply your changes.

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.

Tutorials