Skip to main content
Question

Variable modes not showing in appearances dropdown

  • January 17, 2025
  • 1 reply
  • 490 views

Chris_Hartley

I have a design system that uses 2 modes, and have recently added 7 more modes. They show properly in the Variables panel (now split between two Collections), but when I go to select them in the Variable Modes dropdown, I only see the initial 2. 

Do modes only register the first created Collection? If that theory holds true, it seems like my 9 mode example below should only show 1 mode in the dropdown, and it’s still showing the initial 2.

 

My 2 mode structure:

themes (collection){

   theme1 (mode){...},
   theme2 (mode){...}

}

 

My 9 mode structure:

(For clarity, yes, theme2 moved from one collection to another below)

themes (collection){

   theme1 (mode){...}

}

variations (collection){

   theme2 (mode){...},
   theme3 (mode){...},
   theme4 (mode){...},
   theme5 (mode){...},
   theme6 (mode){...},
   theme7 (mode){...},
   theme8 (mode){...},
   theme9 (mode){...}

}

I’m using Token Studio to create the variables, but that doesn’t seem to have an impact on the result.

 

Thank you!

1 reply

concreterichmondva
Chris_Hartley wrote:

I have a design system that uses 2 modes, and have recently added 7 more modes. They show properly in the Variables panel (now split between two Collections), but when I go to select them in the Variable Modes dropdown, I only see the initial 2. 

Do modes only register the first created Collection? If that theory holds true, it seems like my 9 mode example below should only show 1 mode in the dropdown, and it’s still showing the initial 2.

 

My 2 mode structure:

themes (collection){

   theme1 (mode){...},
   theme2 (mode){...}

}

 

My 9 mode structure:

(For clarity, yes, theme2 moved from one collection to another below)

themes (collection){

   theme1 (mode){...}

}

variations (collection){

   theme2 (mode){...},
   theme3 (mode){...},
   theme4 (mode){...},
   theme5 (mode){...},
   theme6 (mode){...},
   theme7 (mode){...},
   theme8 (mode){...},
   theme9 (mode){...}

}

I’m using Token Studio to create the variables, but that doesn’t seem to have an impact on the result.

 

Thank you!

It seems the dropdown only recognizes modes from the first collection. To fix this, try consolidating all modes into a single collection under "themes" and see if they appear. If that doesn’t work, refresh or update Token Studio to rule out a bug. If the issue persists, it might be a limitation with the tool.

also check this may be this will help you: https://help.figma.com/hc/en-us/articles/15253268379799-Variable-modes-in-prototypes... 


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