Skip to main content
Solved

Variables inside a Variant component?

  • November 17, 2023
  • 4 replies
  • 279 views
Evert_Martin

Hey,

I am having an issue. I am using the string variable to change an image upon hover.
This works, however when I make this into a component variant I lose the ability to attach my string variant to the image inside the component.

When I detach the component i have the ability again.
Any idea’s on how to solve this?

Thanks

Best answer by Nate_G

Alas, those variables are not available for nested variant instances 😦

variable issues

https://help.figma.com/hc/en-us/articles/14506587589399-Use-variables-in-prototypes#:~:text=In%20Figma%2C%20variables%20are%20stored,color%2C%20or%20boolean%20value%20types.

View original
This topic has been closed for comments

Nate_G
  • Nate_G
  • Power Member
  • November 17, 2023

Alas, those variables are not available for nested variant instances 😦

variable issues

https://help.figma.com/hc/en-us/articles/14506587589399-Use-variables-in-prototypes#:~:text=In%20Figma%2C%20variables%20are%20stored,color%2C%20or%20boolean%20value%20types.

Nate G
Celine_D
Evert_Martin
2 people like this
  • Celine_D
    Celine_D
  • Evert_Martin
    Evert_Martin
Evert_Martin

Oh I must have missed that note, my bad. Thanks for sharing!

Nate_G
  • Nate_G
  • Power Member
  • November 17, 2023

No worries, it is far down on the page, so very easy to miss.

Nate G
Evert_Martin
1 person likes this
  • Evert_Martin
    Evert_Martin
Nate_G
  • Nate_G
  • Power Member
  • December 6, 2023

@Evert_Martin Looks like this has been fixed!

// Nested instances
Now, string variables can be bound to a nested instance’s variant properties, rather than only parent instances.

Nate G
Celine_D
1 person likes this
  • Celine_D
    Celine_D
Terms & ConditionsCookie settings

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