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 ⏩ https://youtube.com/shorts/5kDlTFmd7RI 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?selected=Material+Icons Article: https://help.figma.com/hc/en-us/articles/14506587589399-Use-variables-in-prototypes Variables: https://www.youtube.com/watch?v=odg_8TqPXvY Spacers: https://youtu.be/fmuq_HV3zaY 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
Download
0 formatsNo download links available.