Figma Variables - Prototype a form | dynamic form using VARIABLES in Figma 2023

Рет қаралды 3,450

Күн бұрын

🚨Follow along with this Figma file - www.figma.com/community/file/...
☆ Try Figma's Professional Plan - bit.ly/TDProFigma
☆ Try Figma For Free - psxid.figma.com/xnd9l
💛 Thanks for watching, Tair 💛
🍿 WHAT TO WATCH NEXT :
1. Variables best practice - • Figma VARIABLES BEST P...
2. Figma Pen Tool - • Figma Pen Tool. Master...
3. Basic Prototyping in Figma - • Basic Prototyping in F...
👋🏼 IF YOU ARE NEW HERE :
Hey, it's Tair! 😃
Thanks for tuning in and watching my video! If you enjoyed it and learned something new, don't forget to hit that subscribe button and the like button as well 👍🏼. I'd love to hear your ideas and suggestions for my next video, so feel free to drop a comment below. Your support means a lot and it helps me keep the channel going and growing!
👾 MY GEAR :
Blue Yeti Microphone amzn.to/3qACorF
Tripod ring light amzn.to/43G7flv
Neon sign amzn.to/3NcwxAs
Fairy lights amzn.to/443l518
🌼 CHAPTERS :
00:00 Intro
00:15 What we are making
01:06 Creating variables
02:17 Applying variables
03:24 Basic prototyping
04:31 Variable prototyping
10:24 Adding validation
11:45 What's next!
🤗 Disclosure: This video and description may contain affiliate links, meaning I'll receive a small commission if you click on one of the product links. I'm also an Amazon Associates affiliate and will earn a commission on qualifying purchases. 💛 This is at no additional cost to you.
#figmatutorial #figmadesign #figma_tutorial #figmatutorial #figmatips #figma #figmaupdate #config #config2023 #figma2023 #designtokens #tokens #variables

Пікірлер: 25

@ericamckasson9305 5 ай бұрын

Amazing! Just what I've been looking for!

@TDSunshine 4 ай бұрын

Glad I could help! ☀️🙏🏼💛

@cortneyreber 9 ай бұрын

Wow! Thank you for showcasing the boolean variable conditional logic.

@TDSunshine 9 ай бұрын

Glad it was helpful!☀️🙏🏼

@pauljessee8611 6 ай бұрын

This helped answer a lot of my questions! So good! Thanks for your work!

@TDSunshine 6 ай бұрын

Yay! ☀️🙏🏼

@paridokhtrashidi 3 ай бұрын

Very good excellent! Thank you

@TDSunshine 3 ай бұрын

Glad you liked it! ☀️🙏🏻

@belowdelancey1025 8 ай бұрын

brilliant! super helpful - you've earned a subscriber after this gem. Thanks for sharing!

@TDSunshine 8 ай бұрын

Aww thanks! ☀️🙏🏼💛

@JamesTenniswood 3 ай бұрын

Thats very impressive, thanks for sharing

@TDSunshine 3 ай бұрын

Thanks! 🙏🏼☀️

@marcuscustodio9338 9 ай бұрын

Very good stuff

@TDSunshine 9 ай бұрын

Thanks! 🙏🏼☀️

@paulamourad4699 9 ай бұрын

Congrats on your videos!! They're very clear and helpful! Great job! :) Greetings from a designer sister! :D

@TDSunshine 9 ай бұрын

Hey Sister! 👯‍♀️ thanks I’m glad you find them helpful 💛☀️🙏🏼

@jeremysims8239 8 ай бұрын

Great videos! Thank you for the easy to follow tutorials. I can't seem to copy interactions....and i've done a full keyboard input (a-z) with conditional statements...Not sure why I can't copy them with my paid account subscription....any ideas?

@TDSunshine 8 ай бұрын

Thanks! Copying interactions is annoyingly difficult! You have to click just left of the word “click” and then you can copy. Hope that works! ☀️🙏🏼

@xain4107 Ай бұрын

I have kinda complicated question, I usually have a form component set with a 3 states ( empty state, focus, filled ) and assign title and input to a text property So I want to make a conditional variable to check if all the fields has been switched (on click) from variant 1 ( empty state ) to variant 2 ( filled state ) Can i make a variable that checks the switch flag and see if all the form fields in the page has been switched to variant 2 and turn the CTA button from diabled to enabled? , and how I’d really appreciate if you can help me with this. Am sorry for the headache in advance😂💔 Love your content btw, keep it coming!

@TDSunshine Ай бұрын

Hey! Sadly you can't use "listeners" so you can't have something constantly check if a certain condition is met yet. BUT what you can do is use a set of conditional statements that check if the condition is met in multiple places. For example you can put those conditionals in all the fields so it checks every time the user taps on any one of them if var1==True && var2==True && etc etc and then it changes your flag. I hope that makes sense ☀️🙏🏻💛

@xain4107 Ай бұрын

You’re a life saver! Thanks a lot that was super helpful 😍