Working with design tokens in Figma
By importing your design tokens to Interplay you can using their values directly to style Figma frames and components.
In this article
Applying design tokens to frames
By importing your design tokens to Interplay you can using their values directly to style Figma frames and components.
To apply tokens to a frame:
- With the Interplay plugin open, select the Frame in Figma. The plugin will show the available tokens that have been mapped in your current Interplay project.
- Choose the token value you want to apply
Applying design tokens to text
You can also apply design tokens directly to text created in Figma.
To apply tokens to text:
- With the Interplay plugin open, select the text you want to style with tokens. The tokens that have been mapped in Interplay will be displayed in the plugin.
- Choose the token from the dropdown to apply it to the text.