How Do You Do Color Grading in Figma?

Color grading in Figma is a great way to add some visual flair to your designs. It can be used to subtly shift the mood of a scene, or to create more vibrant and dynamic visuals.

The process of color grading in Figma is fairly straightforward, and with a few simple steps you can take your designs from basic to beautiful.

The first step to color grading in Figma is to select the objects you want to grade. You can select multiple objects by holding down the shift key and clicking on each one. Once you have all the objects selected, you can use the color picker tool to adjust their colors.

The next step is to adjust the hue, saturation, and brightness of each object. This can be done either manually by dragging the sliders in the color picker tool, or by using presets. Presets allow you to quickly apply different color grades without having to manually adjust every individual object.

Once you have adjusted the colors of your objects, it’s time to add some contrast. This will help make your colors stand out more and give your designs a more professional look. To do this, simply select all of your objects again and click on “Contrast” in the top menu bar.

Finally, if you want even more control over your colors, you can use Figma’s Adjustment Layers feature. This allows you to apply adjustments such as curves or levels directly onto a layer without affecting any other layers below it.


Color grading in Figma is an easy way to give your designs a professional look and feel. With just a few simple steps you can transform flat colors into vibrant visuals that stand out from the crowd. By selecting objects, adjusting hue/saturation/brightness levels, adding contrast, and using Adjustment Layers you can create stunning color graded designs that will be sure to impress!