Reorder variable collections list

I concur, we need to be able to reorder our collections

My God… Please fix this Asap… I mean, I love all the new features you guys been adding to the app, like the multi-edit and all, but unable to re-order collections is driving me nuts…

+1 for me. Wondering if I should start over with my variable libraries to make this appear in the right order :frowning:

how can adjust the order of different variable collections ?

WHY this is still not fixed is beyond everything. Let’s scroll past +140 colors before seeing the semantic ones!

2 Likes

I need to always show one collection (Responsive Colors) above other collections (Colors) in all style picking dialogs.

How do I define this order?

I tried renaming, but it didn’t affect the order

1 Like

This is a must have and prevents direct misuse and confusion in complex design environments.

Please add asap!

Any updates on implementation?

Hi @Slava_Bronevitskiy, Thank you for reaching out about the Variable libraries collection appearing in the color picker modal.

Currently, it appears that Variable collections are displayed in the order of creation. I acknowledge the importance of being able to reorder variable collections. Also, I understand how this may be confusing for you and other users.

You may already be aware, but another community member raised a similar request here, and that topic has been internally noted by our Product team.

While we cannot guarantee any specific changes at this time, I recommend keeping an eye on our Release Notes where we announce all major updates: Release Notes

Thank you for your input on this matter. If you agree, I can merge this topic with the one I mentioned above to consolidate all feedback in one centralized place. Please let us know if you agree with this.
Please inform me if I missed any details.

Thanks!

Thanks for clarification. Yes please merge, so that the product team (if they ever visit threads here) have all the reasons to implement in one place.

1 Like

So I found a hack. I am importing my collections in with Tokens Studio. When Tokens Studio finished “creating variables” and before I try to use any of the variables in my design I rename the collection I want to come up first. I then rename it again to get it back to the intended collection name. But now that collection comes up first when I try to search my library for values.

1 Like

It’s been a year but the problem is still the same. Has anyone found a solution yet?

it’s 2024 :woozy_face:

Variable collections are ordered alphanumerically, but you need to restart Figma in order to see the change.

I found a sneaky solution to this!!!

  1. Update the name of the Collection you would like to appear first in the list and prepend it with a space
  2. When you save it, it will show up at the top of the list—and the spaces won’t show in the Collection name except when editing! :heart_eyes:
  3. If you want to curate the order of the full list of Collections, you can use descending amounts of spaces to control the order—the items with the most spaces will show up first

For example, if you have 8 items you would like to curate the order of, add 8 spaces to beginning of the first, 7 spaces to the beginning of the second, and so on.

If you want to get fancy you can add dividers by creating empty collections using em dashes to show up as dividers, ordered using the same scheme as above.

4 Likes

Figma needs to bring back the “Little big updates” campaign again. However, I think we can wait a little longer and see what Config2024 brings. I’m looking forward to seeing them add this feature.

1 Like

… … … OMG :exploding_head:

Unfortunately, this does not change the list of variable collections in the fill dropdown

2 Likes

I tried. it’s ok. You just reload. The order will be updated

wow. i can’t believe this is an issue. Please label variables as beta until it has minimum features.

edited: reloaded the page because the color swatch menu was getting stuck to mouse movement on selection (modal doesn’t go away, instead it just follows the mouse around) when the file reloaded, variable collections are now in a weird order. it’s not following the order it was created, or alphabetical, it’s just completely random. this is insane.

1 Like