Component Boolean - Hide when True

Share an idea
1

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.

8 Likes
2

Hi there,

Thank you for sharing your idea! We greatly value your feedback, and we would like to gauge the reaction of other members in the community. We may consider it for future enhancements!

Thanks,
Toku

3

Would definitely use this! :100:%

1 Like
4

Yaas! Need this!

1 Like
5

This exact situation just cropped up in my work.

Would make it so much more elegant if this was possible, instead have to create variants etc etc.

6

Must have! We have a lot of conditional design elements in components. For example a component might include a profile picture, but if none is provided we show something else instead.

1 Like
7

Would definitely use this feature!