Working with Design Tokens

Applying Design Tokens to Frames

By importing your design tokens to Interplay you can using their values directly to style Figma frames and components.

image

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.

image

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.