Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Upgrade Your Figma Variable Library | Variables Latest Release!
Play lesson

Figma Variables - Upgrade Your Figma Variable Library | Variables Latest Release!

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 course includes

  • 22.5 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

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

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere