Figma Variables
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
Course content
1 modules • 50 lessons • 22.5 hours of video
Mastering Figma Design: Tokens, Variables, and Systems
50 lessons
• 22.5 hours
Mastering Figma Design: Tokens, Variables, and Systems
50 lessons
• 22.5 hours
- Build a Design System! Ep. 1: Figma Tokens & Variables Setup 01:25:39
- Creating an Advanced Figma Color Variable Library 13:33
- Master Design Tokens - From Basics to Advanced 44:30
- Text Variables in Figma 06:54
- An Introduction to Boolean Variables in Figma 03:13
- Build a Design System! Ep. 2: Basic Form Components 01:20:43
- Master Figma Tokens & Variables: Ultimate Guide to Advanced Naming and Set Up 32:44
- Using Figma Variables to Swap Variants Between Modes 08:17
- Figma Developer Handoff Masterclass | Best Practices & More! 56:29
- Figma MCP + Cursor: The New AI Design System Workflow 18:32
- Prepare for Figma Text Variables: Start Building Your Type Scales Correctly 16:37
- Design Tokens for Dummies | A Complete Guide 50:19
- Figma Token and Variable Setup: Top Mistakes to Avoid 14:18
- Prepping Figma Files for Developer Handoff + Free Checklist Download! 20:42
- Master Figma Variables: Set Up a Multi-Brand Design System 43:36
- Multi-Brand Design System Setup | Official Guide!! 24:40
- Figma Variables Setup: Building a Variable Library 43:37
- Figma Secrets: UNBELIEVABLE Text Entry Trick with Variables and Conditional Logic! đ± 10:26
- Swapping Variants Using Variables | A Figma Tutorial 10:10
- Figma Typography Variables | A Setup + Overview Guide 33:47
- Supercharge Your Figma Variables | Spacing and Sizing Variables 17:11
- An Introduction to Border Radius Variables in Figma 05:50
- Recreating Figma's Multi-Actions Prototype 07:50
- Icon Variables + more! | Master Figma Icons 19:08
- Build an Interactive Image Gallery Using Figma Variables 06:25
- Design Token Setup! | Become a Figma Expert 41:52
- Use Figma Variables + Conditional Logic to Build an Interactive Storefront Prototype 24:16
- Build a Figma Design System | Part 4! 01:28:24
- Using Number Variables for Padding + Gap in Figma 08:05
- Build a Figma Design System | Part 6! 01:15:28
- When to Use Component Level Tokens/Variables in Figma 06:54
- Design System Best Practices for Mobile 17:59
- Figma Variables: Build Dark Mode Like a Pro đ (+ File Template ) 15:20
- Figma Variables vs Tokens Studio | Which to Use in 2024 11:25
- Figma Sidebar Build: Power User Tips & Tricks! 33:36
- Gradient Variables in Figma: The Ultimate Guide 10:21
- Creating a Volume Bar in Figma Using Variables + Conditional Logic 05:46
- Create RESPONSIVE Figma Designs! 37:16
- Build a GREAT Figma Design System | Build a Design System Part 5! 37:07
- Prototyping with Figma Variables - The Ultimate Guide for Beginners! 32:46
- Master Figma Variables: From Prototyping to Design Systems 01:36:30
- Upgrade Your Figma Variable Library | Variables Latest Release! 11:59
- Converting Tokens to Figma Variables 10:15
- Design Tokens Demystified: Boost Your Workflow! 24:36
- Tracking Prototype Analytics Using Figma Variables 17:58
- Figma Type Variables | Mobile Responsiveness Like a Pro! 18:05
- Figma Responsive Design: How Enterprise Teams Actually Do It 50:24
- 3 Tips to Master Figma Variables | Figma Like a Pro 11:16
- Prototype with #figma variables in 30 seconds! 00:32
- 3 #Figma shortcuts to save you time! 00:47
Related learning topics
Take this course with you
Download the app to continue lessons from your phone anytime.
