Faster way to change style color values

Ask the community
1

Hello everyone.
I like to tweak my colors after I have a fairly complete layout ready, however with Figma styles I found I have to open a lot of popups to get to the color picker.

  • Click Edit Style on the style color in the right navigator → Edit color style popup opens
  • Click on the color rectangle in the Properties section → Color value editor popup opens
  • Click in the color picker to change the color and see your changes take effect live
  • Once you click another color in the style color list all of these popups close and you have to open them again for the next color.

Now imagine you are fine tuning 10 different colors to harmonise and verifying it in your design.
You are now constantly clicking back and forth for every color, opening these popups non-stop.

Is there a better way? Maybe a plugin you can recommend?
I’ve tried Styler, Theme Switcher, Color Theme Manager, but none of them simplified this process.

Thank you.

3 Likes
2

Hi DMF, have you found a way to do this? I’m just starting out but already see how this will be a major pain having to open multiple pop-ups, specifically clicking on the eyedropper or entering values to fine-tune things.

I can of course use a workaround to quickly add values via Power Toys’ Color Picker but that’s a bandaid. Kind of disappointed in some of Figma’s UX choices considering it’s the leading prototype tool for, well, UI and UX :smiley:

1 Like