Boolean Switch Prototype Animation with Variables in Figma | Ep - #02 | Advanced Prototyping

Figma introduced some updates in Config 2023, Variables, and Advanced Prototyping.

Figma Variables & Advanced Prototyping - Crash Course
Figma Advanced Prototyping Features 2023 | In-depth tutorial
Prototype with variables in Figma

Watch Free Web Design Course videos here:

Figma website design Tutorial Full:

Advanced Animation In Figma:

AUTO LAYOUT in Figma:

Smart Animation Figma:

Want to connect let's talk :)

advanced prototyping in figma
advanced prototyping with variables in figma
figma variables 2023
figma booleans
figma boolean variant
figma boolean variant 2023
figma boolean variable
figma conditional prototype
figma advanced prototyping
variables figma
figma advanced prototyping
figma variables
Figma course
Figma variables 2023
figma tutorial
advanced figma tutorial
advanced figma prototyping
advanced figma animation
advanced figma variables
advanced figma course
figma new features 2023
figma conditional prototype
figma prototype animation
figma tutorial prototype with variable

#designcourse
#figma
#punitchawla
#buildingamazingthings
#fluxacademy
#figmaprototyping
#thapatechnical

-~-~~-~~~-~~-~-
Please watch: "Navbar Animation in figma | Smart Animate Figma | Figma Trick & Tutorial"
-~-~~-~~~-~~-~-

[petertschann-grimm]

You should note that you CAN'T animate the lamp part of the animation with any transition, using variables. This is a missing feature in figma at the moment.

[francoisveys]

Hi, Thanks for this beautifull example, but unfortunatly, it doesn't work for me as you probably edit your video and they are missing actions. Fex, the part from 2:54 ...
Then once the lamp module is done, @6:27 the light switch appears from nowhere on the bottom side of your design...
@6:35, I see that you apply on the switch 2 arrows, nut once you've create an interaction on click (2:30) you are not able to create arrows. So, i'm a little bit frustrate. Could you post the full video?
On the short, it seems that some of the missing parts are presents, but its too fast to understand anything.
Yhanks a lot

[niteshagrawalapr]

You do not explain anything, how any step is happening? What configuration one has to change? You are just working on your own and doing voice-over on what is happening, instead of how is it happening. Though the solution is variable, following it is very difficult through your videos.

[henrykmatthew]

Hey thank you. My interactive variable was not above to be set to true or false it was greyed out.

[basitali]

what a rubbish tutorial, wasted my time and energy