I’d like Figma components to support conditional/dependent properties inside the Properties panel.
Current problem:
Large design system components often expose many boolean, variant, text, slot, and instance-swap properties at the same time. Some of these properties depend on each other, but today they stay independent.
Example:
- If `Show Badges = false`, then `Slot Badges` should be hidden or disabled.
- If `State = Active`, then `New Message`, `Show Separator`, and `Swap Icon` could automatically switch to predefined values.
- If `Badge mode = Match`, then credential badges should be hidden automatically.
- If one badge group is enabled, another mutually exclusive badge group should be disabled.
Current workaround:
We have to create more variants, nested components, or expose multiple booleans manually. This works, but it makes component APIs noisy and allows invalid states.
Suggested feature:
Add simple conditional rules for component properties, for example:
- when property A = true, set property B = false
- when property A = false, hide/disable property B
- when State = Active, show properties X/Y/Z
- when Type = Match, hide Credential properties
- allow one parent property to control default values of several child properties
Why this matters:
This would make complex design system components cleaner, safer, and easier for designers to use. It would reduce invalid component states and make the Properties panel much less cluttered.