Skip to main content

Conditional variant properties: disable certain options based on others

  • August 22, 2023
  • 1 reply
  • 2071 views

Sam_J

I’m working on a (large) design system that uses variants and properties extensively, and I’m finding that I frequently wish for the ability to add conditions to certain variant properties that would hide or disable them when other conditions are set.

For example, I’m working on a promo that has 3 levels (low, medium and high) of visual prominence for the content type ‘live’, but only 2 for the content type ‘standard’ (low and high).
image

If one of our users changes the visual prominence to ‘medium’ when ‘standard’ is selected, currently Figma will force the component to change to ‘live’ - which is confusing if the user doesn’t understand that this combination of properties doesn’t exist.

I think it would be better, and much easier to understand, if this option was hidden or disabled.

Unless anyone has any ideas on a better way to do this within the current constraints?

This topic has been closed for comments

1 reply

Celine_D
Figmate
  • Community Support
  • 3381 replies
  • August 25, 2023

A post was merged into an existing topic: Conditional Variant Properties


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