Skip to main content

Add support for semantic colors in Figma


Martin_Gaard1

It seems like using semantic colors in design systems are becoming the norm, but Figma does not have a good way of making a semantic color system. You kinda have to “hack” the current color system in Figma to get it to work.

I would really like for Figma to integrate support for semantic colors in some way. Well, in general I think that the color style feature in Figma could be improved. Like adding support for using styles in styles would definitely make it easier to create semantic colors.

This topic has been closed for replies.

5 replies

Pavel_Kiselev

Mind expanding? Not sure what you mean by semantic colours mate


Martin_Gaard1

Semantic colors define and name colors on how they are used, instead of their hue. Every semantic color is based on the core palette. This leads to less cognitive load when selecting colors, and ensures consistency of use across teams and between designers. It also makes picking colors easier and faster, as you can search for an element (like background or border), instead of looking for and remembering the respective color in a palette.

Here is a great article explaining semantic colors


Pavel_Kiselev

Well, we are on the same page here, but what do you mean saying that “Figma does not have a good way of making a semantic color system”? It is just a way to name colours, what is missing in your opinion?


Martin_Gaard1

Sorry for the misunderstanding.

If it was possible in Figma to actually reference the color style in the core palette it would be so much easier. For instance, if it was possible to use color styles in other color styles. That would help. Cause then you could use the core color style in a semantic color. When you make a new semantic color now it becomes a separate color style that is not actually connected to the core color palette.


  • 0 replies
  • June 13, 2023

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings