Skip to main content
dcmaia-nectar
March 6, 2024

Component Boolean - Hide when True

  • March 6, 2024
  • 21 replies
  • 2563 views

Currently, using Figma component boolean properties, it only shows when true and hides when false. What if you could switch those around?

For example, when something is true, it could show some elements, and hide others. For example, a product thumbnail- when “on sale” is true, show sale icon, show strikethrough price, but also hide original price and replace it with a bolded/colorful/what have you of price.

Or if ‘Out of Stock’ is true, show all the ‘out of stock’ stuff material, but also hide the ‘add to cart’ button. Stuff like that.

Currently you have to create new variants just to show + hide things at the same time, or add redundant switches like ‘In Stock’ and ‘Out of Stock’ and just make sure they never have the same state.

21 replies

Craig P.
New Member
July 23, 2026

I am frequently frustrated by the lack of this feature! It is confusing to manage and a lot of effort to create a positive and a negative variable every time I want to show something when a variable is negative.

Why can’t you give us the ability to select whether the element’s visibility should be the same as the variable or opposite?