Skip to main content
Solved

Actions that set variables don't work on nested components?


Peter_Uithoven

When I assign an action to a nested instance in a component which sets a variable it doesn’t seem to work. The component’s variant changes, but the variable is never changed. There are no warnings or errors.

When assigning the same action to the outer component it does set the variables.

An example:

Figma – 26 Jun 23

This somehow feels related to the following limitation:

Variables can only be applied to top-level instances, and are not available for nested variant instances.

Mentioned here: Use variables in prototypes

Best answer by tank666

Change the order of the actions so that “Set variable” is first in the list.

View original

6 replies

tank666
  • 4854 replies
  • Answer
  • June 26, 2023

Change the order of the actions so that “Set variable” is first in the list.


Peter_Uithoven

Thanks @tank666 that works!


Shachar_Sherizly

Figma, Variables is a great idea and a step forward, but in its current state it’s very limited so much that it misses the point. For example, using variables and the new ‘wrap’ auto-layout, I managed to reduce 8 component variants to 1 frame. But, I am not able to turn this frame into a component since it contains two (nested) components, to which I wanted to be able to assign a variable to auto set THEIR selected variant… I know this is confusing, but the point is, VARIABLES should work EVERYWHERE, including nested components, otherwise in many cases it’s unusable. Is there a plan to fix this in the future?


thank you! Thank you!


3-2-1-John
  • New Member
  • 8 replies
  • August 30, 2024

Also, this does not seem to work on non-component, nested frames. I was attempting to create a drop-down list to filter search results and none of the interactions on the nested frames (list items) were getting triggered. FYI, I was only using Set Variable with each of the interactions.

layers

dropdown


berzollaj
  • New Member
  • 2 replies
  • February 11, 2025

this is a really unfortunate issue. The nav 2 and nav 3 switch back to the Nav 1 title when using the variable to control the state: (on mouse down, set the variable of the state of nav2 and nav3 to default) - any way around this?

 

 

Also should mention, after buttons 2 and 3 switch to the language Nav 1, if i mouse over those buttons they do go back to the Nav 2 and 3 titles, its the initial state that goes back to the original instance labels

 

thanks for any help on this...


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