Interactive Checkbox Selection Menu with variables in Figma (2023)

In this video i will show you how to add realistic working conditional logic to your figma prototype files. We shall also learn how to use the new figma variables and conditional logic for advanced prototyping to create an interactive checkbox selection menu where a user can only apply or sign up when atleast one checkbox is checked. If checkboxes are unchecked, the apply or sign in button remains inactive until atleast one checkbox is checked It's easy. Watch and learn.

[@EsinGulerden]

great tutorial thank you for sharing !!

[@Sallysite105]

You are a genius, Been struggling the whole day to learn variables and get my progress bar to increase and decrease when I check and uncheck a task. I finally can do it. Thank you

[@EsinGulerden]

finally someone with a solution ! :D

[@mwcasas]

thankkkk you! You salve me

[@HipPopPulse]

Can you please share your figma design link

[@srinidhibhat]

Hey! Is there any way to do this on the free figma plans as well?

[@CreateBeautifulThings]

It's possible to do this with Figma components. Though, it will be a much harder task and longer process. Variables are the best for this

[@Bricofy]

same problem here lol