In this tutorial, we'll use the if/else logic to check whether we have something in our shopping cart 🛍️
If we do, we'll enable the decrease and checkout buttons and add navigation to the next screen.
If we don't, we'll keep (or change) the buttons to disabled state.
Duplicate this worksheet to follow along: https://www.figma.com/design/GzVIJFtTlAQkNNYTxRuOdH/Conditional-prototyping-worksheet?node-id=0-1&t=3MomWfPvdtLD3mYw-0
01:13 number variables for price, total items, and cost
02:28 interaction for adding items
03:37 boolean variable for disabled state
05:11 interaction for decreasing items
Finished file: https://www.figma.com/community/file/1401225524354320148/conditional-prototype-example
#figma #figmaforbeginners #figmaprototype
💌 my newsletter: https://world.hey.com/mash
Download
0 formats
No download links available.
Conditional prototyping with variables in Figma | NatokHD