How to use Figma Variable Modes FIGMA COMPONENT VARIANTS + VARIABLES

Veröffentlicht am: 12 Juli 2024
auf dem Kanal: Nolan Perkins

5,193

207

Since this is a very serious channel for serious ui/ux designers, I've created the ultimate demonstration of Figma Variables and Modes: a Pokemon Evolution switcher.

Variables are an essential tool to leverage inside of Figma. Specifically around modes. You can use modes to create dark mode ui / light mode ui switches inside your designs, create localization to update languages or currency, and even change all of your spacing and typography variables to account for responsive design.

But to accomplish the Pokemon Evolution Switcher, we're going to need to cover Components, Component Variants, Boolean switches on variants, and of course Variable Modes.

Find me on socials:
  / reels
  / radnolan
  / nolanperk

Join the community: https://bit.ly/rad-makers

------

Chapters:
0:00 Why this matters
0:58 Component Variants Setup
4:56 Variant Dropdowns vs Booleans
5:40 Setting up the Variables
6:55 Creating Variable Modes
8:14 Assigning Modes in Sections
9:45 Other Mode Assignments
11:30 Mini Challenge

You're Rad ❤️

Auf dieser Seite können Sie das Online-Video How to use Figma Variable Modes FIGMA COMPONENT VARIANTS + VARIABLES mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Nolan Perkins 12 Juli 2024 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 5,193 Mal angesehen und es wurde von 207 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

21,717