Skip to main content
Sam_Gray
March 9, 2021

Color picker/eyedropper should apply color style

  • March 9, 2021
  • 27 replies
  • 5362 views

When using the color picker, if the object you’re picking from has a color style applied, the color picker doesn’t apply that style to the selected object — it just applies the hex value (or whatever color model you have set) of the pixel you click. This can lead to messy colors not adhering to your style guide.

Instead, the color picker should apply the color style of the clicked object if it has one. (You could click the stroke to apply the stroke’s color style, or the fill to apply the fill’s color style.)

If you do want to be able to pick the pixel color instead of the style, there could be an additional modifier key to hold while clicking.

With the current functionality, if you want to apply the same color style to another object, you first have to click the already-styled object to see what style is applied (assuming you may have multiple similar shades and can’t eyeball it), then click the object you want to style, and then find that color style in the list and apply it. The proposed workflow would be: click the object you want to style, press Ctrl-C, click the already-styled object.

Illustrator works this way — “global” colors (equivalent to color styles) are applied when an object styled with one is clicked with the eyedropper tool.

27 replies

Adnan_Hassan
June 27, 2022

I agree with this, it will be a massive timesaver

Alex_Lama_Noujaim
August 31, 2022

Just bumping this as I use color picker very often especially when trying to prototype quickly, but I end up with a mess of hex codes that I then have to go back and apply correct color styles to. Picking up color styles would be amazing.

Dominic
Active Member
October 11, 2022

Bump x2 Really need this! Please and ty

Ryan_Lockhart
April 24, 2023

Bump! I would really love this feature.

taps mic Is this thing on?

July 11, 2023

Would be really nice if the color picker /eyedropper could pick up color styles / variables (maybe with a modifier key pressed) instead of just the plain HEX code of a color.

This way, users wouldn’t need to always browse the color styles menu, but could pick up styles quickly from other objects.

This would also be quicker and easier then to copy styles via Option+CMD+C and paste via Option+CMD+V.

EDIT
Idea also exists here: Color picker/eyedropper should apply color style

Rolf_Wilkinson
New Participant
July 19, 2023

No modifier needed. Eyedropper should get the color style. What am I missing here? I can’t imagine this would be a problem?

Makayla_Lovrak
October 18, 2023

I know this has been mentioned before but not for a bit. Instead of only being able to collect the HEX value when eyedropping a color, could you eyedrop the style connected to the item? This would change my life 🙏🏽

James_Garnham
New Participant
February 22, 2024

Hi Figma, Any thoughts on this feature? (Perhaps adding the press of ‘alt’ when eye-dropping would pick the style and not the hex?)

djv
Figmate
Community Support
February 23, 2024

Hey All, thanks for the feedback!

We’ve merged a couple of similar, existing topics here together, so we can track overall interest from the community more accurately. We’ll pass this onto the team for future consideration.

Pedro_Gelli_Pereira_Tinoco_Alv
June 21, 2024

Hi, i would like to share a simple idea about picking color with the color picker.
I would like to pick the color style aplyed to the object.
Thats it 😃
Thanks!