Skip to main content
Paul_Mirocha
September 16, 2023
Question

Can't edit color styles

  • September 16, 2023
  • 17 replies
  • 19025 views

Oddly, I can no longer edit color styles. When I click on the edit icon, I get an inert color picker. Clicking on that brings up a repeat of the edit color box. I have Figma up to date. Did something change or is it my system?

–Paul

This topic has been closed for replies.

17 replies

alexandra.oneal
January 25, 2024

That solved it! Thank you 🙂

March 21, 2024

I’m not sure this is working for me.
Yes, I can open the local variables modal window.
I can find the variable and click the icon that allows me to “Edit the color variable”, but still, the aliased variables are uneditable.
I could detach the connection, but that feels like I’d be breaking the library somehow and that there is no obvious way to just edit the hex value of the aliased variable in place.

Must we detach the alias to edit the color? I am quite confused.

tank666
March 21, 2024

To edit the value of a variable, you must select the desired variable. It looks like you want to change the value of the variable “Color/Brand/80”, which is used as an alias. So find exactly this variable and make the necessary changes. If you don’t need this alias—detach it. In general, I recommend reading the specification of the design system you are using so that you act strictly in accordance with it.

UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank
March 22, 2024

Thank you, yes. It took me a while to understand how this worked and then how to find that darn set of variables.
I was looking for them in all the wrong places. I did finally find them in the global folder, and then I was able to edit just fine.
image

It would be useful to have more indication, in the ui, of the collection or folder in which such variables are stored.

Karen_Beal
Active Member
April 4, 2024

My problem with colour variables is that they are so time-consuming to edit. If I want to set up a colour palette for a project and make minor amendments to the colours for accessibility etc., it is cumbersome. I have to open the variables panel, find the primary version of the colour in a collection (say ‘primitive collection’) and edit it. Changing the styles was so much easier. I can see the point of colour variables but wish there was an easy way to keep styles linked to variables which would automatically be amended if you edit the style.

Sammy_Guergachi1
New Member
June 22, 2024

We can edit font variables inline from the library pane, why can’t we edit color variables the same way?

djv
Figmate
Community Support
June 24, 2024

Hey @Karen_Beal and @Sammy_Guergachi1, thanks for the feedback!

We’ll pass these along to our variables team for future consideration. Feel free to also share any other ideas you may have with the variables team directly here: