Introduction

Our ready-to-use Configurations Templates help you configure Specify to distribute your design tokens and assets according to your organization’s standards.

We provide Configuration Templates for the following technologies:

  1. CSS Custom Properties

  2. Tailwind

  3. React

  4. React Native

  5. SCSS Variables

  6. Style Dictionary (Android)

  7. Style Dictionary (iOS)

💡 Don't see your technology here? Feel free to submit your ideas and requests on our public roadmap, we take a look at it everyday!

Let's see how to use a Configuration Template 👇

Prerequisites

Please make sure you already have:

  1. Connected your Figma account to Specify

  2. Created a Specify repository

  3. Collected some design data (e.g., colors) by creating a source

  4. Installed the Specify CLI

How to use a Configuration template

1. Create a Specify configuration file inside your project in JSON (.specifyrc.json) or in JavaScript (.specifyrc.js)

2. Copy your Specify configuration template into your newly created configuration file

3. Set your Specify repository you want to pull design data from

4. Generate a personal access token

5. Execute the CLI

That's it 🎉

Did this answer your question?