Course Hive
Courses
Summaries
Continue with Google
or

Mastering Figma Design: Tokens, Variables, and Systems

Unlock the Power of Figma: Master Design Systems, Tokens & Variables for Advanced UI Excellence!

4.0 (6)
133 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

Course content

1 modules • 50 lessons • 22.5 hours of video

Mastering Figma Design: Tokens, Variables, and Systems
50 lessons • 22.5 hours
  • Build a Design System! Ep. 1: Figma Tokens & Variables Setup01:25:39
  • Creating an Advanced Figma Color Variable Library13:33
  • Master Design Tokens - From Basics to Advanced44:30
  • Text Variables in Figma06:53
  • An Introduction to Boolean Variables in Figma03:12
  • Build a Design System! Ep. 2: Basic Form Components01:20:42
  • Master Figma Tokens & Variables: Ultimate Guide to Advanced Naming and Set Up32:43
  • Using Figma Variables to Swap Variants Between Modes08:16
  • Figma Developer Handoff Masterclass | Best Practices & More!56:29
  • Figma MCP + Cursor: The New AI Design System Workflow18:32
  • Prepare for Figma Text Variables: Start Building Your Type Scales Correctly16:37
  • Design Tokens for Dummies | A Complete Guide50:19
  • Figma Token and Variable Setup: Top Mistakes to Avoid14:18
  • Prepping Figma Files for Developer Handoff + Free Checklist Download!20:41
  • Master Figma Variables: Set Up a Multi-Brand Design System43:36
  • Multi-Brand Design System Setup | Official Guide!!24:39
  • Figma Variables Setup: Building a Variable Library43:36
  • Figma Secrets: UNBELIEVABLE Text Entry Trick with Variables and Conditional Logic! 😱10:26
  • Swapping Variants Using Variables | A Figma Tutorial10:10
  • Figma Typography Variables | A Setup + Overview Guide33:47
  • Supercharge Your Figma Variables | Spacing and Sizing Variables17:11
  • An Introduction to Border Radius Variables in Figma05:50
  • Recreating Figma's Multi-Actions Prototype07:49
  • Icon Variables + more! | Master Figma Icons19:08
  • Build an Interactive Image Gallery Using Figma Variables06:25
  • Design Token Setup! | Become a Figma Expert41:51
  • Use Figma Variables + Conditional Logic to Build an Interactive Storefront Prototype24:16
  • Build a Figma Design System | Part 4!01:28:23
  • Using Number Variables for Padding + Gap in Figma08:05
  • Build a Figma Design System | Part 6!01:15:27
  • When to Use Component Level Tokens/Variables in Figma06:53
  • Design System Best Practices for Mobile17:58
  • Figma Variables: Build Dark Mode Like a Pro 🌙 (+ File Template )15:19
  • Figma Variables vs Tokens Studio | Which to Use in 202411:24
  • Figma Sidebar Build: Power User Tips & Tricks!33:35
  • Gradient Variables in Figma: The Ultimate Guide10:21
  • Creating a Volume Bar in Figma Using Variables + Conditional Logic05:46
  • Create RESPONSIVE Figma Designs!37:16
  • Build a GREAT Figma Design System | Build a Design System Part 5!37:06
  • Prototyping with Figma Variables - The Ultimate Guide for Beginners!32:46
  • Master Figma Variables: From Prototyping to Design Systems01:36:30
  • Upgrade Your Figma Variable Library | Variables Latest Release!11:59
  • Converting Tokens to Figma Variables10:14
  • Design Tokens Demystified: Boost Your Workflow!24:35
  • Tracking Prototype Analytics Using Figma Variables17:57
  • Figma Type Variables | Mobile Responsiveness Like a Pro!18:04
  • Figma Responsive Design: How Enterprise Teams Actually Do It50:23
  • 3 Tips to Master Figma Variables | Figma Like a Pro11:16
  • Prototype with #figma variables in 30 seconds!00:32
  • 3 #Figma shortcuts to save you time!00:47

You may also be interested in

FAQs

Suggest a Youtube Course

Our catalog is built based on the recommendations and interests of students like you.

Course Hive
Download now and unlock unlimited audiobooks — 100% free
Explore Now