Back to Browse

Figma Variables Pt2 ⚡ - Checklist prototype with number variables using count

5.1K views
Sep 1, 2023
41:23

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 formats

No download links available.

Figma Variables Pt2 ⚡ - Checklist prototype with number variables using count | NatokHD