Learn how to create and apply Design Tokens in Figma. With Figma Tokens you will be able to easily customize and maintain your Design System and create Themes (e.g Light & Dark Themes) within minutes.
Hands-on workshop designing token-based design systems in Figma utilizing the plugin "Figma Tokens".
3 hours of practical content
What you’ll learn from this course:
In this workshop you will create tokens for choices that drive your design system's foundations and components.
- border radii
By using the plugin we'll be able to store the tokens on a single source of truth, enabling designers and developers to both access the same design tokens.
- Colors (Fill, Border Color — hex, rgba, hsla)
- Spacing (Horizontal, Vertical, Gap)
- Sizing (Width/Height)
- Border Radius (individually or each corner)
- Border Width
- Typography (Font family, font weight, font size, line height, letter spacing, paragraph spacing)
- Shadow tokens (both dropShadow and innerShadow)
Jan Six, Sr. Product Designer at GitHub & creator of the Figma Tokens Plugin
What's inside - Preview:
NEW: Upcoming live workshop:
Live Workshop: Building token-based Design Systems in Figma - Part 2
Live hands-on workshop designing token-based design systems in Figma utilizing the plugin "Figma Tokens".
🗓 Date: May, 22nd 2022
⏰ Time: 4PM - 8PM CET
⏱Duration: 4 hours
🙋🏽♂️Workshop facilitator: Jan Six, Creator of Figma Tokens Plugin & Sr. Product Designer at GitHub
🎟 Limited spots
🛸 This live workshop is a pre-event of our live conference "The Future of Design Systems"
⭐️Praise from the community:
"Best workshop ever"
"This is amaziiiinggg!!!! working on a multi-brand. This will make work easy for me. I have been looking for this much flexibility. And this is just it for me."
"Ok ... mind blown ..."
⭐️Learn how to save tons of hours of time by building a token-based Design System in Figma with Jan.
- ⭐️Learn how to save tons of hours of time by building a token-based Design System in Figma with Jan.