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

Joris5
New Member
April 3, 2025

yes, a no brainer!

Has this been fixed already?
Is there a workaround for now?

Rob_Thwaites1
New Member
May 18, 2025

Yes please to this feature.

Lucy Martin
New Member
May 26, 2025

Was giving this a quick google to check if this was possible, please make it so!

Glenn_Cahill
New Participant
June 11, 2025

Yeah this needs to be a feature.

Hannah S
New Member
July 8, 2025

+1 I’ve run into this a few times and it would be helpful to have!

Nola_McIntyre
New Member
July 9, 2025

Yes, also faced with this problem at the moment and would really save time not having to make all the opposite variables as well.

Benoit R
New Member
July 17, 2025

It would save me so much work and reduce component complexity by a lot. Very much needed as a feature.

Sofie_Katan1
New Participant
October 22, 2025

Yes +1000!

ScottSmithSage
New Member
November 3, 2025

+1 to this! I’m trying to have a section of a page than can have a “filled” or “empty” state. The ability to switch between these with a single boolean would be great.

Kolia Nalbandian
New Member
April 26, 2026

I’m software engineer, and I was surprised by missing this feature. We wanna setup Code Connect and having design at first place technically correct would save us a lot of time to make consistent design systems in Figma and Code