In this Figma quick tip you’ll learn how to change multiple colors at the same time. This is such a huge timesaver and it’s actually one of my favorite features in Figma, so let’s take a look!
How to Change Multiple Colors?
Let’s start off by imagining you have a bunch of rectangles on the artboard, like this:
You might want to change all the gray rectangles so their color matches the blue ones. You could copy and paste the color value by first selecting the blue, then selecting the other objects of course, but Figma has a useful trick up its sleeve.
Select all the objects you need (all the rectangles) and you’ll see the colors all displayed in the the Selection Colors panel to the right:
Now you can copy the blue value, paste it into the gray value, and all the gray objects will become blue. Amazing!
Big deal, you might be thinking! But these rectangles are a really simple example; imagine you have a complex UI with loads of colors, like this:
In the mere blink of an eye, all the #384DFE blue objects can be switched to a teal green (or whatever):
Selecting Objects by Color
By clicking the icon to the right of the color picker you can select all the objects of that color in one go.