Figma Variables - Creating a Volume Bar in Figma Using Variables + Conditional Logic
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
Learn to create a volume bar based on Figma's documentation example leveraging variables and conditional logic.
Build a community profile + join the community: https://www.uicollective.co/
Become UI Collective verified: https://uicollective.co/verified-expert
We build design systems: https://designsystemlabs.co/
Resources: https://uicollective.co/designer-tools-and-resources
0:00 An Introduction
0:31 Build the Scrollbar
2:12 Adding the Variable + Conditional Logic
#figma #uxdesign #uidesign
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.