Skip to main content

Hello Figma Team,


Recently, we have utilized Figma’s Local Variables feature to build a token-based design system. We have defined various color values within the Local Variables, categorizing them into two main types: Primitive Tokens and Semantic Tokens. For example, typical color values like Blue, Red, and Pink are divided into steps (e.g., blue 100, blue 200) as Primitive Tokens. In the Semantic Tokens, these values are defined according to their usage purpose. In our brand, Blue 500 from the Primitive Tokens is defined as the Primary Color in the Semantic Tokens, making it easy to use.


The issue we face is the inability to reorder the tokens we defined in these two categories as we wish. Despite the high frequency of using the Semantic Tokens, we always have to scroll past dozens of tokens defined in the Primitive Tokens to reach the Semantic Tokens, which causes some inconvenience during our work.


We kindly request the addition of a feature that allows us to freely change the order of the collections created with Local Variables when they are published and used on different work pages. This would greatly enhance our workflow and efficiency.


Thank you for considering our feedback, and we appreciate the continuous improvements you bring to Figma.

Hi @CH_Gim, Thank you for sharing your thoughts on this. I appreciate you describing the current situation and challenge.


I’m not certain, but this idea seems similar to the one shared by other community members here: Reorder variable collections list


If the above idea is similar, I would like to merge your post with the one mentioned above to consolidate similar feedback and enhance visibility within the community.

If you agree with this proposal, please let us know.


Thank you again for your valuable input!


Reply