Connect Studio to Figma

Using Companion by Tokens Studio

Companion by Tokens Studio is a Figma plugin which is meant purely for consumption of design tokens from Studio as variables in Figma.

Prerequisites:

• Api Keys

Step 1: Launch the Companion Plugin in Figma

• Open a Figma design file (a new or existing one is fine).​
• Go to the Figma “Plugins” menu and launch Companion by Tokens Studio.

Step 2: Install/Launch the plugin

1. Go to plugins (ctrl+k) > Companion by Tokens Studio.
2. Run the plugin.

Step 3: Setting up Studio sync

1. Return to Studio.
2. Click on Find your API key. You can also jump to the API keys page by using the keyboard shortcut cmd+k.
3. The API key is linked to the user which means that it gives access to all the Organisations and Projects that a user is part of.

For more info read Platform > API keys.

Step 4: Syncing to Companion by Tokens Studio

1. Return to Figma and the plugin.
2. Enter your API key.
3. Choose the Organisation that you want to connect.
4. Choose the Project that you want to connect.
5. You are now connected to Studio and your tokens should reflect in the plugin.

For more information on the features of Companion by Tokens Studio, see Companion by Tokens Studio.