Table of content
Before getting started
To get the most out of this guide, you will need:
A Specify Account
Access to the Specify SDTF Beta ↗
A Figma file containing variables
1. Sync your Figma variables with a Specify repository
Access your Figma file which includes the variables you would like to sync to Specify
Download ↗ the Specify Widget in the Figma file which includes your Variables. Or update the widget if you already have it. To update the Specify Widget you have to disconnect it, remove the entire frame in all of your Figma files, and reopen the latest version of the Widget.
2. Connect your Specify account
Follow the steps in the widget to connect your account. You will need to create a personal access token and you will need to add the link to the Figma file to which the widget is added. Watch tutorial ↗
Choose Local variables
3. Create a repository in Specify
Go to your Specify workspace
Click on "Create repository"
Choose a name
Select "Sync from Figma Variables" (Learn more ↗︎)
Click "Create repository"
4. Connect the Specify repository in your Widget
Go back to your Figma file that includes the Variables
Click on "Create Source" in the Specify Widget
It will show you the collections that are detected
Select the Specify repository you want to sync with. You should be able to see the Repository you have just created in Specify (if not, reload the list).
Click "Save to Specify"
You will immediately see the repository listed with the latest syncing time
Make sure to understand that only repositories that can sync Figma variables are listed here.
5. Sync updated variables on the fly
Sync button to update your variables with Specify. Now you are ready to export your design tokens! 🎉
6. Check your source inside the Specify interface
You will see the category of design tokens that are synced on the left-hand side
Sourcessection (left-hand menu), you will see your connection(s) and when the last sync between your Figma file and Specify repository has occurred.