Back to Browse

Conditional prototyping with variables in Figma

7.2K views
Aug 2, 2024
9:43

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