Skip to main content
Question

Changing Order of Variants in Component


Joel Swick

Hi Figma, I’m struggling with changing the order of my button variant values and would wanted to share it here in case it’s a bug or something that could be fixed! 


I have a lot of variants in this button and when I try to drag a value and move it up or down in the list, I can’t move it past the overflow. There’s also a glitch when I select the value to drag, it moves lower in the list so I can’t even move it back to where I grabbed it. 

Here’s a screenshot of the section i’m referring to. Specifically in the “edit variant property values”

 

3 replies

dvaliao
Figmate
  • Community Support
  • 4680 replies
  • April 15, 2025

Hi ​@Joel Swick, thanks for reaching out! 

When hovering over a variant property, an icon to reorder will appear to the left of the Value. You can click and drag this icon to reorder, then release to apply.

More information available here under Rename, reorder, or delete > Properties.


Eugene_S
  • New Member
  • 3 replies
  • April 15, 2025

1. Same issue here, drag symbol doesn’t align after about 30+ variant values. Glitch happens after scrolling down for a while. Cause the same value get perfect alignment to start with, then past scrolling down, that same value now gets super wonky alignment with drag UI.

2. Hovering over Variant value use to highlight the value in workspace (your busy component). I can’t remember the names of all my 185 icons, etc. Which one is the value I’m hovering over, is referring to in the component? Clicking target icon to highlight variant exists ‘Edit Variant Property’ list options. Most of the time that’s not the variant I was after and now I’m lost where I was in my long list of variants. Please add this highlight on hover feature again.

3. Variants I grab on to drag in the right order, are no longer allowed to be dragged past the small window (only 8 variant values in view). How am I supposed to drag my latest variant (last) into the middle of even 30+ variant values?

4. Some other glitchy bugs are happening over a week now. Please have someone test this with at least 30+ variant values. It’s currently unusable for me.

Kindest regards


Sylvain_Jacques

This bug has appeared in my Figma for about a few months now.

The bug seems to appear when I have a long list of variants where I need to scroll within the field. 
When i mouse-over, the reorder icon appears but it is not aligned properly.  When I start dragging the desired item it moves another.

In the screenshot I’ve selected ‘Jersey’ when I try to drag it it moves another random variant.

 


Reply


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