Setting up Studio

If you haven't signed up or set up your account with Studio, you can read this guide on Getting Started

1

Creating your Organization

Once your account is set up and you've logged in successfully, you'll be asked to create an organization on your first sign in.

1. Give your organization a name.

2. (Optional) Upload an Icon for your organization.

3. Click Create.

Create new organization form.

2

Creating your first Project

The next step is to create a project. You will be prompted to create a new project.

1. Name your project (e.g., “Test Design System” or “My Brand Tokens”).

2. (Optional) Choose an Icon for the project.

Start with a template (Optional)

1. Tokens Studio offers starter templates for popular frameworks like Tailwind CSS, Radix UI, Chakra UI, and Open Color.

2. If you prefer a blank setup, leave the template option empty.

3. Click Create.

Once your project is created, you’ll be taken to the Project Dashboard, where you can start adding or uploading tokens.

Selecting a template for starter tokens.

3

Setting up your tokens

Already set up your tokens in the Tokens Studio for Figma plugin? You can follow the steps in section Import from Tokens Studio for Figma.

Using Figma variables? follow the steps in the section Import from Figma variables.

1. Click on the button Create your first token set.

2. Name your token set (e.g., "global", "core", "primitives").

3. (Optional) Give your token set a description.

4. Select the type of token set you want to create: Static set or Graph based set.

5. Click create.

Watch the video walkthrough