Skip to main content
Solved

Cannot Apply Boolean Variable to Variant

  • October 15, 2024
  • 5 replies
  • 498 views

Preston1

I was following this video tutorial and it seemed to have exactly what I needed. However, now that Figma has been updated to a new UI, this section of the tutorial no longer applies. How can I do this in the latest version of Figma?

Figma YouTube Link

Simply changing the variant’s appearance with a Boolean value is not a viable solution right now.

Best answer by Apolline

I had the same issue yesterday, but creating a regular variant property did work. If you just give it boolean “values” it should turn into a boolean automatically.

For more details on the issue :
Create a boolean property here
image
Then it’s impossible to find in the actual component/variants, you can’t apply it.

Also doesnt work in UI2 if I revert back.

View original

5 replies

Haroll
  • Active Member
  • 273 replies
  • October 16, 2024

Hi @Preston1

I’m not entirely sure what you’re looking for, so I have a few questions to better understand your issue:

  1. I watched the section of the video you linked, but I didn’t catch the part that no longer applies due to the new UI. Could you clarify what’s changed or no longer relevant?

  2. From what I understand, the tutorial demonstrate how to update a component’s state using variables. If that doesn’t align with what you’re looking for, perhaps this might not be the right tutorial you need. Could you share more details about what you’re trying to achieve, maybe with some screenshots, so we can better assist you?


Apolline
  • Active Member
  • 55 replies
  • Answer
  • October 16, 2024

I had the same issue yesterday, but creating a regular variant property did work. If you just give it boolean “values” it should turn into a boolean automatically.

For more details on the issue :
Create a boolean property here
image
Then it’s impossible to find in the actual component/variants, you can’t apply it.

Also doesnt work in UI2 if I revert back.


Preston1
  • Author
  • 1 reply
  • October 16, 2024

Thanks! This did the trick!


Talia_Rose
  • New Member
  • 2 replies
  • February 6, 2025

I don’t understand why Boolean is even an option when it isn’t working. 3 months later and I’m having the same issue. I can make a boolean property but there isn’t a way to actually apply it to the variant. 


Dennis_N
  • Power Member
  • 190 replies
  • July 3, 2025
Talia_Rose wrote:

I don’t understand why Boolean is even an option when it isn’t working. 3 months later and I’m having the same issue. I can make a boolean property but there isn’t a way to actually apply it to the variant. 

Boolean properties or variables you apply to certain elements within your component or variant. This allows you to show or hide it without creating variants. Such as the leading icon within a button for instance. By that you can reduce the amount of variants which reduces the complexity of a component and therefore also ram usage.
Just select an element within your component/variant and the click the “Apply variable/property” icon in your right side panel under “Appearance”.

In other cases where you don’t simply want to show or hide certain elements, you need to use variant properties as you can also change colors, paddings, content etc.


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