With this guide,
you'll learn how to
Define naming structures
Create token names designers and developers both understand.
core
semantic
component
Sync with code
Automate the flow between design and code. I will show you how to sync Figma to your codebase.
GitHub
Figma
Manage one to many brands
Scale from one brand to many. Learn how to organize Figma files and libraries and manage design tokens.
Figma Variables, Tokens Studio
Choose your tool, and master your workflow. We'll go from Figma Variables modes to multi-dimensional themes in Tokens Studio.
JSON
Step-by-Step Guide
Don't worry if you are doing this for the first time, I got you.
This course is for you
if you are a:
Everything you need for
mastering design tokens
Sizes
Colors
Designer
Developer
Text Style
Heading 1
Heading 2
Paragraph
Button Lable
Tt
Checklists for design tokens ⭐️
✅
✅
✅
✅
✅
30 %
{
"color": {
"primary": {
"500": {
"value": "#0047AB",
"type": "color",
"description": "Primary buttons"
}
},
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.
At the end of this course
you will:
Get exclusive early access and special launch pricing.