Component Level Tokens management - scope variables to a specific component

Many times we use component level tokens. Variables like “card-heading-color” manages the color applied to the card component title. In Figma there is nothing that links these. The variables do not move with the component.

It would be nice if a variables collection was named the same as the component then it would “link” those. Moving a component should also move it’s component tokens.

There should be an option when adjusting a component’s properties should only show that components variables collection. So we can “scope” variables/tokens to a specific component.

Thanks for the feedback, @Donnie1!

We’ll pass this onto our Variables team for consideration.