Self-paced online course
Learn to structure, manage, and scale design tokens.
Ready, set, tokens
With this guide, you'll learn how to
Learn a clear, scalable naming convention that both designers and developers understand immediately.
Master workflows from simple modes to complex multi-dimensional themes.
Create a single design system that elegantly supports multiple brands without duplication or inconsistency.
Build intelligent, responsive design systems using mathematical formulas between tokens.
Establish a workflow between Figma and development with automatic GitHub integration.
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
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
Tools, Resources, Articles
Expand your design token toolkit with a curated collection of complementary resources.
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.
You have the chance to:
Checklists for design tokens ⭐️
✅
✅
✅
✅
✅
30 %
{
"color": {
"primary": {
"500": {
"value": "#0047AB",
"type": "color",
"description": "Primary buttons"
}
},
This course is for you
if you are a:
At the end of this course
you will:
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:
Join the course
117+ already joined the course
Regular price
$229.00
Discount
-$42
Total price
$187.00
PS. Coupon code from the waitlist still works. 🙌
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).
Prices are in USD and may be subject to taxes.
