Unlock the Power of Figma: Master Design Systems, Tokens & Variables for Advanced UI Excellence!
5.0(2)
35 learners
What you'll learn
Learn to set up Figma design tokens and variables effectively
Master advanced techniques for creating and managing Figma color variable libraries
Understand and apply text and boolean variables in Figma for dynamic design systems
Utilize Figma variables for enhancing prototype functionality and multi-mode design systems
This December, @Figma released new variables, including effect, border width, and opacity variables. Here's how we're adding these variable types to our design system!
*Please note this is the method we follow when building our Figma variable library. Every designer's approach is different.
Build a community profile + join the community: https://www.uicollective.co/
Resources: https://uicollective.co/designer-tools-and-resources
Design System Audits + more https://designsystemlabs.co/
Our Figma Plugin: https://www.figma.com/community/plugin/1301974711562028600/design-system-tracker
0:00 An Introduction
0:28 Blur Variables
2:38 Spread Variables
4:59 Positioning Variables
8:51 Border Width Variables
9:52 Opacity Variables
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.