Figma Variables Pt2 ⚡ - Checklist prototype with number variables using count
Unlock the power of number variables using a count for this checklist prototype
1️⃣ 17:57 Individual checkbox - Number & string variables
2️⃣ 31:24 'Select All' checkbox - Number & string variables
watch the tl;dr version ⏩
• Create a checklist #figma
Key takeaways
• String can be used to change text and change variants in other component sets
• Ensure the variant value matches one variant name in the component set
• Number variables can be used to manage the states of multiple components at the same time
Time Stamps ⏱️
00:00 Showcase
00:13 Introduction
00:38 My thought process
03:54 Creating checkbox components
08:59 Creating filter frame components
14:14 Setting up number and string variables
17:57 Setting up the individual checkbox actions
31:24 Setting up the Select All' checkbox actions
38:43 Setting up the frame prototyping actions
41:03 Like, comment, subscribe fam
Resources 📌
Icons: https://fonts.google.com/icons?select...
Article: https://help.figma.com/hc/en-us/artic...
Variables: • Study Hall: Using variables in protot...
Spacers: • Figma Tips ⚡ - Auto layout with spacers
Got a question about figma, or the UX/UI industry?
Any suggestions for topics you would like me to cover?
Leave a comment below.
Support my work at:
https://paypal.me/thejunboy
#ui #userinterface #figma
