🪙 ➕ Support multiple tokens per layer of the same type
Today in Figma we can apply the same design property to a single layer, here are some popular use cases:
a solid color with a second color with reduced opacity on a frame
a text layer with selected characters underlined to signal a hyperlink.
These sorts of design decisions are easily built using CSS and created in Figma, but can't be captured as design tokens
There's also several composite token enthusiasts that would like to apply more than one composite token to a single layer.
😬 The reality
Ideally we could define these design decisions with tokens, but it is not yet possible in the plugin.
Today, we can only apply 1 token representing a design property per layer. In instances where we have multiple tokens defined for independent values, like border radii or spacing, when we inspect or annotate those elements, not all tokens are visible.
💭 How might we...
Rethink the way tokens are applied to design elements in Figma in a way that aligns with code, including the ability to have more than one of the same styling properties per layer.
💬 Feedback that is valuable
How does this issue impact your day-to-day workflow?
What workarounds do you have?
↔ Related topics
🪙 ➕ Apply token workflow enhancements → Jump to post
💡Github
Support applying more than 1 composition token on a layer #1682
Has some ideas from internal team and community members relating to the idea of having more than one (composition) token applied to a layer.
Log in to comment and vote
Comments4
Guilherme Negreiros
Apr 25, 2024
Also useful for multiple box shadows for elevation (shadow tokens).
Github issue #231
Sam - Tokens Studio
Apr 25, 2024
I can't find the issue for this one even if I search in our closed issues. Do you mind grabbing the URL so I can hyperlink to it? (:
Sam - Tokens Studio
Apr 5, 2024
Github Issues
2335
1682
1219
Guilherme Negreiros
Apr 25, 2024
#231