Pulling your first tokens with the CLI
A 5min guide on collecting and pulling your first design tokens with the Specify CLI.
Last updated
Was this helpful?
A 5min guide on collecting and pulling your first design tokens with the Specify CLI.
Last updated
Was this helpful?
In this guide you’ll learn how to pull your first design tokens to CSS Custom Properties using the Specify CLI.
Want to know more on how to collect design tokens from Figma to Specify first? Head towards the Available sources section!
To get the most out of this guide, you’ll need:
A Specify account
A Specify repository containing design tokens (Learn more ↗)
Install @specifyapp/cli
Create a configuration file for your desired output format using one of our templates ↗️
Add your Specify repository
and workspace
from which you want to pull your design tokens. You can find your workspace name
and repository name
in the URL of the app when inside a repository.
Generate a personalAccessToken
for the CLI and add it in your configuration. You can generate a personal access token from you Specify account settings.
Add your first rule and use the to-css-custom-properties parser to generate your tokens as CSS variables.
Our configuration is ready and we can now pull our design tokens and assets using the pull
command.