Variable number of component elements in an instance

Hi! I am curious about a component structure and if possibly Figma has a cleaner solution than my current one.

Example: I have a product item in a cart. The product has small tags attached to it, but the product in the prototype may have a variable amount of those tags. One product might have 6 tags, another might have 2.

In my original component, I usually add max amount of tags and then just hide the unnecessary ones. Is there any other way to do this dynamic component amount, perchance?

Example below:

Hi! I am curious about a component structure and if possibly Figma has a cleaner solution than my current one.

Example: I have a product item in a cart. The product has small tags attached to it, but the product in the prototype may have a variable amount of those tags. One product might have 6 tags, another might have 2.

In my original component, I usually add max amount of tags and then just hide the unnecessary ones. Is there any other way to do this dynamic component amount, perchance?

Example below:

 

I usually handle this the same way by having a maximum number of tags and hiding the ones that aren't needed. It’s not always the cleanest setup, but it keeps the component predictable and easy to maintain.

I’d be interested to know if Figma has a better way to dynamically add or remove repeated elements within an instance. Something like a collection or variable-driven approach would be really useful here.

I’ve run into similar component-structure questions when working with phonexa — keeping reusable elements flexible without making the whole system harder to manage is always a bit of a balancing act.