How Do You Do a Fade in Figma?

Figma is an incredibly powerful design platform that allows users to create, collaborate, and share designs without needing to use multiple tools. One of the most useful features in Figma is its ability to easily create fades.

Fades can be used for a variety of purposes, such as creating a gradient background or adding depth to an object. With Figma, it’s easy to achieve professional-looking results quickly and easily.

To do a fade in Figma, start by selecting the desired object. Once the object is selected, click on the “Fill” option from the top toolbar.

This will bring up a pop-up window with several options for filling an object. Select the “Fade” option and then adjust the opacity slider to your desired level.

Next, select the type of fade you would like to create. There are three types of fades available in Figma: linear, radial and conical. Each type has its own specific set of parameters that can be adjusted such as angle and size.

Once you have chosen your fade type and adjusted all necessary parameters, you can further customize your fade with color swatches or using an image as a fill. To apply a color swatch to your fade, simply click on one of the swatches within the Fill window. If you would like to use an image as a fill instead, click on “Select Image” and choose one from your computer.

Finally, click on “Apply” at the bottom of the Fill window and your new fade will be applied to your object!


Creating fades in Figma is simple and straightforward. All you need to do is select an object, click on Fill in the top toolbar and then choose Fade from the pop-up window.

From there you can customize your fade using color swatches or images for added depth or texture. With just a few clicks you can easily add professional looking fades to any design!