Advanced Prototyping in Figma: Add-to-Cart flows with Local Variables, Conditionals & Expressions.

Learn to create complete prototyping for an add-to-cart flow using local variables, modes, expressions, and conditionals.

Here is the link to the prototype, design mockups, and images on different pages of this file.

[chrisdavis]

VERY NICE! THANK you for sharing. I love how you applied the logic to the Add/Sub component. That was a real accelerator!

[tharyhout]

took me two hours to find this useful vid....all them clickbait tutorial out there is loaded af

[shruthibagadi]

Awesome tutorial for beginners, no words to express, Great job.

[Mnkapl]

I have followed the entire tutorial from start to end. Everything worked amazingly well. Thanks a lot.
Somehow I couldn't display the "Empty Card" back on the page, once I cleared all the products in the Cart Page. For this I have added one more condition to the "-" in prototype mode i.e. if cartcount == 0 set variable => IsEmpty to true(its original state). Then it worked. This last step is kinda assignment after following all your steps 😄. I was able to think and do it by myself just because of your clear and detailed tutorial. Thanks for sharing your knowledge💟🙏. I am on to your other videos. Bye!!

[emmanuelkingston]

This has added so much value to my design journey....
I wish to replicate this on a personal project i'm working on, please be ready to walk in when I encounter any challenges.
Thanks bunch

[bobbygasiorowski]

This is one of the most helpful figma videos I've ever seen, thank you man

[diedrichah]

Extremely helpful. I especially appreciated that you ran into errors and were able to debug live and on the fly. It showed that you are real and truly know what you are doing. Thank you very much.

[LizNadolny-eh]

You are a great teacher! Thank you so much for taking the time to record everything and post this. Your videos have helped me more than any others I have watched because you show every single step along the way instead of skipping over the "boring" or "noob" parts like the other guys on youtube.

[sanzzi]

What an amazingly useful and detailed tutorial. This and your previous one have taught me a lot more than many other paid tutorials on variables I've done in the past. Keep the great content coming, please!

[rubeneverts]

thank You single handedly saved my final assignment.

[wge]

oh my god, i'm a nerd but this is SO cool!! figma is changing the game, I love how much functionality they pack into such a minimal interface. their UX designers are out of this world

[MOEPYAEPYAEKYAW-vj]

So happy for this tutorial! I am currently working on a sushi restaurant project for school and I found your video. Thank you so much for your wonderful insights, and looking forward to amazing tutorials like this.

[stellarspace_]

The way you explain stuff in here is really nice man

[fallegan]

This is amazing. I learned Variables in one video, advance prototyping with you. Thanks for this video, I will wait more content from you.

[Kiyahbakre]

After attempting it three times, I finally got it! This tutorial is explained really well. It's incredibly helpful. Thank you so much.

[inertingd]

thx so much for the video my brother, easy to understand, the fact that you dnt skip parts and you go thorugh everything, even tiny details, makes a huge difference :) take care, u helped me a lot bro

thx frome france :)

[chiragmittal]

Nice demonstration of the variables and the conditional prototyping. I learned a lot from your video. Keep posting such works. Thumbs Up!

[timeyingrage]

Thank you so much. Your videos are so easy to understand. No complication. I am grateful.

[Aijazkhan]

Fantastic tutorial man! it's a great learning experience from this video. keep it up!

[allenoluyisola]

this is awesome, thank you. you provided the answer to 80% of my puzzles