Ready, set, tokens

With this guide, you'll learn how to

Create Token Naming Structure

Create Token Naming Structure

Create Token Naming Structure

Learn a clear, scalable naming convention that both designers and developers understand immediately.

Generating tokens ...

Generating tokens ...

Generating tokens ...

Use Figma Variables and Tokens Studio

Use Figma Variables and Tokens Studio

Use Figma Variables and Tokens Studio

Master workflows from simple modes to complex multi-dimensional themes.

Multi-Brand Management

Multi-Brand Management

Multi-Brand Management

Create a single design system that elegantly supports multiple brands without duplication or inconsistency.

1

1

2

2

3

3

Mathematical Relationships

Mathematical Relationships

Mathematical Relationships

Build intelligent, responsive design systems using mathematical formulas between tokens.

Practical Component Architecture

Practical Component Architecture

Track and update decisions efficiently with Airtable as your single source of truth.

Practical Component Architecture

Track and update decisions efficiently with Airtable as your single source of truth.

Code-Design
Synchronization

Code-Design
Synchronization

Code-Design Synchronization

Establish a workflow between Figma and development with automatic GitHub integration.

GitHub

Figma

Hands-on learning

Step-by-Step Course: From single to multi-dimensional themes

What are design tokens?

Understand the fundamental concept of design tokens as the building blocks of your design system.

9 lessons

1 resources

Document design tokens

Learn best practices for structuring token documentation that makes sense to both designers and developers.

2 lessons

3 resources

Naming design tokens?

Develop a clear, scalable naming convention that grows with your product.

3 lessons

3 resources

Figma Variables

Learn how to implement color, number, string, and boolean variables effectively, set up mode-based themes, and establish clear organization patterns.

8 lessons

4 resource

4 resources

Tokens Studio

Discover how to create mathematical relationships between tokens, manage multi-brand themes, implement responsive designs, and synchronize directly with code repositories.

16 lessons

4 resource

4 resources

Tools, Resources, Articles

Expand your design token toolkit with a curated collection of complementary resources.

Disclaimer: I'm not associated with any of the mentioned or recommended tools.

Disclaimer: I'm not associated with any of the mentioned or recommended tools.

A Design Tokens Course

That Grows With You

Fresh, Practical Content

This isn’t a static, one-and-done course. It’s a living resource—designed to evolve with the industry and shaped by the needs of the community.

Get Answers to Your Challenges

Get Answers to Your Challenges

You have the chance to:

Suggest new lessons

Suggest new lessons

Ask questions

Ask questions

You get everything you need for
mastering design tokens

You get everything you need for mastering design tokens

You get everything you need for mastering design tokens

Guides

Presentations

Checklists

Guides

Guides

Presentations

Checklists

Guides

Guides

Presentations

Checklists

Guides

Checklists for design tokens ⭐️

30 %

{

"color": {

"primary": {

"500": {

"value": "#0047AB",

"type": "color",

"description": "Primary buttons"

}

},

Playground

Playground

Exercises

Exercises

Templates

Templates

This course is for you

if you are a:

Designer

Designer

Product Designer

Product Designer

Design System Architect

Design System Architect

Design Ops Leader

Design Ops Leader

Product Manager

Product Manager

It's actually for anyone who wants to:

It's actually for anyone who wants to:

At the end of this course

you will:

Understand design tokens

Understand design tokens

Know how to map design tokens

Know how to map design tokens

Know how to name design tokens

Know how to name design tokens

How to organize and use Figma Variables

How to organize and use Figma Variables

How to organize and use Tokens Studio

How to organize and use Tokens Studio

Know how to create a multi-brand theme

Know how to create a multi-brand theme

Learn about different workflows

Learn about different workflows

Sync tokens with your repository

Sync tokens with your repository

ABOUT ME

ABOUT ME

ABOUT ME

Hey, I'm Romina Kavčič

I'm a Product Design Lead with an MBA. I coach design teams on implementing design systems, optimizing design processes, and developing design strategy.

I partner with organizations to:

  • Craft design systems aligned with business objectives

  • Architect flexible design foundations

  • Establish clear governance models

  • Bridge collaboration gaps between product, design, and engineering teams

Join the course

4.9

147+ already joined the course

Regular price

$229.00

$229.00

Discount

-$62

-$62

Total price

$167.00

$167.00

Step-by-step video lessons

Presentations in PDF

Editable Figma playground files

Editable JSON files (simple to multidimensional themes)

Checklists in PDF, Google Docs, Airtable

The list of useful tools

List of design systems with tokens

Lifetime access to course materials

Playground files to apply learnings

Ready to watch on any device

🔄

Free course updates and new lessons

💎

BONUS: Tool for generating design tokens

Secure payments with Stripe. You will be directed to the Stripe checkout page. Then, you will immediately receive access to all videos and files through email (Check DSG email).

Secure payments with Stripe. You will be directed to the Stripe checkout page. Then, you will immediately receive access to all videos and files through email (Check DSG email).

Prices are in USD and may be subject to taxes.

Who is this guide for?

It's for designers, design leads, anyone who wants to learn about design tokens and use them effectively.

What if I lack technical skills??

That's no problem. This guide includes detailed written instructions, screenshots, and a video walkthrough.

Do I get a certificate upon completion?

Yes, you will receive a certificate upon successful completion of the program.

Is the program 100% online?

Yes, it is 100% online, available on the e-learning platform (Kajabi), so you can enjoy it whenever and wherever you want.

Do I need premium account to use all the options?

You don't need to buy a license for the suggested tools. However, some of the features in Tokens Studio are only available for PRO users.

I don't know how to use Tokens Studio.

That's not a problem. I will guide you through it step-by-step.

How long will I have access to the course?

You get lifetime access to the video course, resources, and bonuses.

What tools will we be using?

Figma, Tokens Studio, GitHub, Gitlab, Airtable, Google Sheets, Coda

Are you associated with any of the recommended tools?

No. I'm not associated with any of the recommended tools or services. You can use all the suggested tools for free.

Who is this guide for?

It's for designers, design leads, anyone who wants to learn about design tokens and use them effectively.

What if I lack technical skills??

That's no problem. This guide includes detailed written instructions, screenshots, and a video walkthrough.

Do I get a certificate upon completion?

Yes, you will receive a certificate upon successful completion of the program.

Is the program 100% online?

Yes, it is 100% online, available on the e-learning platform (Kajabi), so you can enjoy it whenever and wherever you want.

Do I need premium account to use all the options?

You don't need to buy a license for the suggested tools. However, some of the features in Tokens Studio are only available for PRO users.

I don't know how to use Tokens Studio.

That's not a problem. I will guide you through it step-by-step.

How long will I have access to the course?

You get lifetime access to the video course, resources, and bonuses.

What tools will we be using?

Figma, Tokens Studio, GitHub, Gitlab, Airtable, Google Sheets, Coda

Are you associated with any of the recommended tools?

No. I'm not associated with any of the recommended tools or services. You can use all the suggested tools for free.

Who is this guide for?

It's for designers, design leads, anyone who wants to learn about design tokens and use them effectively.

What if I lack technical skills??

That's no problem. This guide includes detailed written instructions, screenshots, and a video walkthrough.

Is the program 100% online?

Yes, it is 100% online, available on the e-learning platform (Kajabi), so you can enjoy it whenever and wherever you want.

Do I need premium account to use all the options?

You don't need to buy a license for GitHub and Airtable, but you will need a PRO license for Tokens Studio if you want to create a multi-brand design tokens structure.

I don't know how to use Tokens Studio.

That's not a problem. I will guide you through it step-by-step.

How long will I have access to the course?

You get lifetime access to the video course, resources, and bonuses.

What tools will we be using?

Figma, Tokens Studio, GitHub, Gitlab, Airtable, Google Sheets, Coda

© 2022 - 2025 The Design System Guide by Romina Kavcic

© 2022 - 2025 The Design System Guide by Romina Kavcic

© 2022 - 2025 The Design System Guide by Romina Kavcic