Skip to main content
Mats Eggers
New Member
Jan 24, 2025 8:39 AM UTC
Question

Design System Component to many Variants

I am setting up a Design System and I was wondering if it’s really necessary to create all these Variant e.g. for a Tab Bar or other Components that have a different amount of Items that should be controlled through the properties. Do you maybe got any other best practices for that? I’d just love to make everything a bit thinner that there are not soo many different Variants needed.

 

This topic has been closed for replies.

3 replies

tank666
Jan 24, 2025 9:18 AM UTC

As far as I can see from your screenshot, I can suggest you to reduce the component set exactly by half by applying a boolean property to the tab icons.

UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank
Mats Eggers
New Member
Jan 24, 2025 9:43 AM UTC

​@tank666 Yes I know what you mean but I think it doesn’t work because it’s only allowed to show either all Tab Items with an Icon or none, and the Tab Items are a nested Component

 

tank666
Jan 28, 2025 4:37 PM UTC

​@Mats Eggers, then you can consider the following simplified example:

 

UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank