Skip to main content

TLDR - Variables in editor should indicate they are stored in an external file. 


When using Variables in conditional statements or setVariable the UI elements don’t completely nor clearly display the context of the variable, such as which file its being referenced from, or its full path.

 

Basically, it looks like you shorten the full path of the variable. As such when using variables that are deeply nested in the Collection, it becomes impossible to see that. 

This creates an issue if you use the same variable name within nested groups in a collection. For example `/Collection/Group-1/Count` becomes `Count`. As such, if you have `/Collection/Group-2/count` it becomes impossible to know which Count variale you are using. THis forces you to name variable count_1, count_2 etc. 

Also, If i make the mistake of creating a copying a component from one figma file with variables to another figma file, (without the variables). Then the component will reference the variables from the source figma file. 

This combined with the fact the variable editor doesn’t communicate in anyway where a variable is stored, makes coding an absolute nightmare. You essentially have to re-programme the whole component. 

Again, the variable editor doesn’t show that your variable is an variable stored in another figma file.

THis makes editing variables unbearable. 

Be the first to reply!

Reply