Using variables to hide and reveal - Fig in Five - Advanced prototyping

  Рет қаралды 113

The Figma Fan

The Figma Fan

4 ай бұрын

Check out 2 different ways to use a variable to hide and reveal layers in your design. In this example, I use the overlay setup as an example and show how it can also be done with variables. Imagine using that variable to switch between multiple variants of a component that will constrain to the flexible resizing of your auto layouts.
NOTE: If you are interested in creating the question mark icon with the tooltip hover I use in this lesson, you can find that here:
• Icon Tooltip Hover - F...
Let's get started.
0:24 - The scrim overlay
1:22 - A boolean variable
2:39 - A component variant

Пікірлер
Advanced prototyping, auto layout, animation, using variables
17:13
Gym belt !! 😂😂  @kauermtt
00:10
Tibo InShape
Рет қаралды 13 МЛН
Дарю Самокат Скейтеру !
00:42
Vlad Samokatchik
Рет қаралды 8 МЛН
WHAT’S THAT?
00:27
Natan por Aí
Рет қаралды 13 МЛН
The Privacy App All Windows 11 Users Must Have
12:55
Britec09
Рет қаралды 26 М.
STOP doing DROPDOWNS like this - Figma variables 2023
15:35
Ricardo Costa
Рет қаралды 170 М.
Animated donut chart with odometer counter in Figma
17:27
The Figma Fan
Рет қаралды 466
Web Scraping Made EASY With Power Automate Desktop - For FREE & ZERO Coding
13:11
How To Debug React Apps Like A Senior Developer
21:07
Web Dev Simplified
Рет қаралды 68 М.