Is there currently a way to attach certain token groups to certain dropdowns in design mode?

Question

If i have a whole bunch of spacing tokens, and then also number tokens for like line height etc, when i go to open padding, i have to scroll through line height, type size, radius and then get all the way down to spacing to choose the right token. Is there a better way to apply tokens to a whole system of components?

Freddy · Answer

Hey, yea there is actually a a better way to apply tokens! First of all you should set a scope for your variables. In the variables window you can set the desired scope for each variable like so:

After that you can also use plugins like https://www.figma.com/community/plugin/1328087147232215180/match-variables to apply your variables on a whole frame or selection.

Sign up

Login with SSO

Login to the community

Login with SSO