Prototyping With Variables in Figma [CONFIG 2023] | Advanced Tutorial

Learn how to unleash the full power of variables to create a dynamic and interactive e-commerce cart. Discover conditional interactions, boolean and number variables, and see how to switch component variants using boolean variables.
Follow along as I guide you through each step, providing valuable insights and tips to help you enhance your prototyping skills. Unleash the full potential of Figma and transform your static designs into engaging, immersive experiences!
Figma link: www.figma.com/file/dFk7wVtNC9...
_______________________________________________________
Video chapters:
0:00 - Intro
0:20 - Stepper interactions
2:50 - Add items to cart
5:12 - Boolean variables with variants
6:41 - Setting total amounts
9:35 - Outro

[@lottari3682]

Really really well done and informative! Please make more videos

[@r6506-ls5rz]

Thanks for sharing ~ Nice Tutorial !!!

[@ProductSensei77]

Thanks for watching!

[@patxilecea7803]

Thanks for the lesson.
Would you mind sharing the files ? I've downloaded the files in the description but some of the components are already linked to operations and properties. thanks

[@codexboogie850]

Pleases where did you get this icons and illustrations

[@Werlon1023]

How about 2 or more product? How to add to cart? Is it using auto layout for add cart item?

[@legamers.f.n9740]

Can you do it in Framer ?

[@vykn80s]

woww - amazing ... hardcore lesson for everyone ... thanks a lot dude ...
i have a question - is it possible to have multiple circles around a single circle in middle - for example 1 yellow circle in middle and 8 red circles around it (hidden at 1st) and for each click in the yellow middle circle one by one the 8 circles appears and stays there with a content and icon inside ...
something like this - th-cam.com/video/H-7W9eSqtv8/w-d-xo.html ... on each click in middle one by one the sorrounded object comes

[@ProductSensei77]

I'm glad you like it!
Regarding your question, you can link each circle to a boolean variable then use conditionals to display the circles in order.