What are Figma Variables?
Vložit
- čas přidán 8. 09. 2024
- 🍿 Watch rest of the Figma Course - • Basics of Figma Series...
Foundations of Figma is back! Episode 5 is a detailed guide on how to practically use Variables along with all the tips and tricks you'll need to use Figma like a professional.
We cover -
👉🏽 What are Variables and why we need them
👉🏽 Types of Variables and their uses
👉🏽 Practical Examples
🎁 Bonus - Free files to work on 👇🏽
Figma File for Download: www.figma.com/...
Download the PDF:
drive.google.c...
Foundations of Figma is the most practical and actionable Figma course you'll find on the internet with proper homework and resources at the end of every video.
🌏 Keep up with Design and AI:
🔗 / anshmehra.in
🔗 www.anshmehra....
🔗 / ansh
🚀 Complete Roadmap to a UX Design Career:
→ learnuiux.in/
🏆 Learn about Prompting and AI Tools:
→ www.howtopromp...
Resources mentioned in the video👇🏽
🔗 Figma Community Files - www.figma.com/...
👉🏻 Figma Resources
figmalion.com/
uxdesign.cc/th....
www.figma.com/....
awesomefigtips...
shortcuts.design/
/ status. .
figmacomponent...
👉🏻 AI Tools + ChatGPT Playlist (Must for upskilling in 2023):
• ChatGPT Full Tutorials...
👉🏻 ChatGPT Explained - The Ultimate Guide For Beginners 2023:
• What is ChatGPT? Step ...
👉🏻 Midjourney AI - Complete 2023 Guide for Beginners:
• Video
👉🏻 Free Hindi UX/UI Design Course (for Designers):
• Learn UX at ₹0 in Hindi
👉🏻 Free English UX/UI Design Course (for Designers):
• Complete English Guide...
👉🏻 UI Redesign Playlist for practical hands-on learning
• Improving mobile app's...
👉🏻Writing UX Design Case Study: Step by Step Process (for Designers):
• Writing UX Design Case...
Do comment your reviews here or on Twitter (@AnshMehraaa) or share a story on Instagram (@anshmehra.in)
🍿Binge Full Playlist - czcams.com/play/PLlHtucAD9KT3wgeeVqILeW-0rYoQgR1Rh.html&si=4yajSMq_CPIfbBzE
Figma File for Download: www.figma.com/community/file/1307735175116363768/anshs-free-figma-course-ep-5
Download the PDF:
drive.google.com/file/d/1b4PePKo9_8O8rDAk0ybU1oPemzWB15We/view?usp=drive_link
🚀Complete UX Design Course (9 Weeks, 100% Free):
→ learnuiux.in/
🏆Learn about Prompting and AI Tools:
→ www.howtoprompt.in/
Thank you, sir.
Hi Ansh your audience might not be that big but remember the ones those watch your video are not only watching them for a fling. You are educating us with pure industry knowledge. I hope you get the recognition you deserve soon. Please keep making our UX journey better. Thanks
Thank you for motivating!!
416k is not big, it’s massive
Please guys comment as much as you can...this playlist should not be stopped
Wow, the Ansh Mehra CZcams playlist on Learn Figma sounds incredibly valuable! It's amazing that this playlist, which is worth over $200 in a paid course, is available for free thanks to Ansh Mehra and his team's effort. They deserve appreciation for providing such valuable content to the community. Love your effort Ansh
Thank you Ravi, really appreciate the support
@@AnshMehraapleaseee upload the next video
Your impact is profound and unparalleled. Your practical teachings in UX design have been invaluable. I consistently recommend your content to friends struggling in UX, knowing it's all they need. May your videos continue to build a legacy of goodwill that's truly appreciated. Please keep inspiring us!😇
Plz don't end this series its super valuable 🥺
I've finally mastered variables! Revisiting those videos after such a long break really helped me grasp the concepts completely. Back in April and May, I began exploring the Figma playlist, which is how I discovered your channel. At that time, I didn't document my learning or fully understand it, but now, I've got it down.
I've been searching for a good course in UI UX then I got this And I must say this is the best and detailed course till date, hatsoff to your efforts. Thankyou
Ah for UX, do check out LearnUIUX.in as well!
this man's a genius and im happy that i exist at the same time he does.
now i can write in my teacher essay question ''i have many teachers but Ansh Mehra is my fav teacher" lot of love, respect and appreciation from Pakistan♥
This concept of variables is not only amazing, but to use the number type in the prototype mode is mind-blowing 😂.
Ansh, bless you for creating this course.
This series is my goto for absolutely any figma doubts !!!
Thank you thank you so much sir. You don't believe when you upload figma video I feel over the moon. I understand very well with your video. Love and respect for you 😊❤
He is very Impressive
Really happy to read this!
When I become bored , I only see his lipsing and hear his voice....The way , and with confidence he speak ... clearly shows The leval of deep understanding bhe has ....I think he had begun his journey in this domain since graduation or may be earlier...... sir aapkey jesa banney mai kitna time lag jaaye ga...interms of understanding of this subject..... since 7am to now(9:31pm ) only clear three videos with notes of each point he say...."Although he say this course is not about ux only figma....but friends...what he taught. Is amalgamation of both at another level....Thanks Sir..
Sir , How I can meet you ( I am learning ui/ux so that I cam modal my eCommerce start-up by myself.... I was facing problem to build flowchart wrt. My startup modal..that why I am learning this
This tutorial is incredibly helpful! Ansh explains Figma variables in a way that's easy to understand, and the examples provided really enhance the learning experience. It's a must-watch for anyone looking to up their Figma game!
Thank you!
This is the best series i have came across,very much helpful for beginners,please don't pause it🙏❤
Finally, I found a dedicated and responsible mentor who is teaching design for free. Some rarely deliver their knowledge freely. Thank you, Sir. Lots of support and respect.
I am doing Ux/Ui course I have learned more from you than i have learned in my college in last 2 years...Thank you
15:28 thank god you guys didn't stop uploading, I would have gone mad 😖. This lecture was by far the most interesting lecture in the series.
Bang !! Another superb video. 🙌🔥Learned a lot today. Switching between modes was a really cool thing I got to know. I'm excited about the prototype lecture. That is where I lag behind. Please people make it 1K likes and 500 comments🥺🥺🙏🙏. These people are really working hard to explain to us such things for free.
Thank you!!
Cheers Ansh! Thank you so much for these extremely helpful tutorials. These are top class, industry standard modules. I am learning so much and I appreciate all of the hard work and detail that you put forth into sharing your expertise. Please do no not stop. I would love to see this ten part series to the end. This is such a competitive field and when you find a mentor/teacher that can be the difference in getting hired or not, you want to learn as much as possible, as often as possible. Many thanks for all you do.
Thank youu!
Ansh really love the way you make the complicating things in a very simple and easy to understand please continue... We need you!
I'm learning a lot from this course. Please don't end the series. I'm super thankful for your effort and hope to learn more from you!
I think even you don't know how valuable these videos are ! Hands off to you. You are doing a great work 😇
I just found you today as I was looking for more information on the variables Figma offers. I've been an application developer for over 20 years now and interface / user experience was something that was always part of my job. My career took a different path after Covid. I was laid off from my last position and was blessed enough to move strictly into UI/UX design which is a TON less stress and so much more enjoyable. I've been working with Adobe XD and made the switch to Figma and so far I'm loving it. I'm subscribed to your channel and def will be picking through your content to expand my Figma knowledge. Thank you so much for all the hard work you put into these. I look forward to the knowledge you provide.
Hey Ansh! You're creating cool stuff about Figma, UX design and How a designer should upscale in current fast-forward life. Keep uploading! 🔥
I'm glad that my friend recommended me an amazing content creator for learning UX Design. 😊
I am a full stack developer. This course is really easy to understand because I already know the design terms which are used in CSS very similar to figma l. So, If you are a web developer then trust me you'll learn it just like Fun with CSS
Ansh, there is nothing like you uploading tutorials for us. I have already watched all of your videos and I wait every week to watch you. Please don't stop uploading. I have learned a lot from you and your content, and I want to continue my learning further.
This video definetly gave me an insight on how powerful and cool the variables are, now I need to read the documentation to fill the knowledge gaps. 🤯
Thank you for creating this awesome video. ❤
Your series is extremely valuable for us. Please continue releasing the next videos in this series. We really appreciate your time and efforts, @Ansh Mehra ♥
It was such a valuable 1 hr session. Thank you Ansh Mehra for being moderate in speech delivery and for being so crisp. The video is laid out with all practical dos and don'ts. You are such a good mentor with a hand-hold approach to teaching newbies.
That Was the new topic for me. I have to be learning first time and it was insane for me to just adjust and arrange colors based on my requirement and specifically good for me for arranging and defining the colors for our UI designs and I don't have words to says about that because Everything You should say earlier before, and great man love it.
I've been really enjoying the Figma course that you've been teaching, and I expect you to continue the series. I've learned so much already, and I'm eager to keep learning more.
Haven't seen a better tutorial for figma variables. Amazing explanation and easy to follow. Great stuff! 👏
Hello Ansh, Yes it's as you said we'll most prolly have to watch this playlist 2-3 time minimum to get a proper understanding and later on apply this knowledge. It's been really insightful so far, hope this playlist doesn't have too long breaks, will definitely continue to support you !!!
For the first UX case study that I did (food ordering app), I ended up making entire components for just adding another element to the cart. The set variable feature is such a pragmatic prototyping too that I had no idea about. That's my biggest takeaway from this lesson that I am getting to spot my previous hiccups and improvise. BIG THANK YOU!
Amazing insights! I’ve gained a clear understanding of what variables actually are. I loved the way you were enjoying yourself while explaining; it creates excitement in us as viewers too. This video was quite different, as I could literally see how the problems I face are actually resolved using these variables. I request you to please continue this series. Many of us are looking forward to it. Thank you, Ansh , for providing so much value to us. We appreciate it.”
Thank you Ansh for teaching us everything in thorough detail. It matters a lot for us.❤ Really appreciate your time & efforts.❤
I just wanted to drop by and say how much I appreciate your videos. Seriously, they've been a huge help to me, and I don't get why more people aren't tuning in. Your content is solid, and I genuinely believe you've got what it takes to make it big on CZcams. Keep doing what you're doing, stay consistent, and success will find you. Looking forward to more awesome content from you! 🔥💯
Wow, this was such a clear and concise explanation of Figma variables! I especially liked the color scoping feature. Thanks Ansh!
It's absolutely mind blowing stuff. I am sure, that once I start working on industry-level projects this will help save a lot of time.
The coolest lecture so far.. It was just few days back that i decided to try my luck with UX designing and found this playlist. That means you are the very first teacher i got and being a regular learner from CZcams, the amount of content you deliver freely is more than commendable. Thank you so much.
Ansh the amount of efforts you put in each and every video is just insane! You teach the stuff we didn't know we needed.
This figma series is extremely insightful and i know if i implement to it to the T, combined with your UX/UI series will get to the top of my game. So please keep them coming, Ansh.💟
Really glad to hear this
Hi Ansh, I am using FIgma since a year to design simple things but after looking at this episode my mind is just like awww.. it is super super useful and way more what I am using for.
Thank you for sharing useful insights of figma. Kudos!!
I really liked the way you teach the concepts in a way anyone can understand if the person watch it carefully. I have learned a lot from your AI videos about prompting and how to use AI in day-to-day life. Now, I'm learning about design and Figma from your videos. Thanks a lot for such detailed and informative content. I hope you get more growth and success along with the respect you deserve by making this high-quality content for free for students.
Just a little thing, it might happen that the box you are in ( as in the one where you can be seen in in the video ) covers the part of the screen you are working with, if that box could be be moved around when that happens it would be very nice. Also, scooping is absolutely insane. I had been using figma without properly learning it for some projects and now that i am learning it, I realise how everything just sort of adds up. Like all the features make complete sense and are so practically designed. its wonderful to see how amazing the ux team at figma is.
Your videos help young designers like me a lot. I have started properly documenting everything you teach. Please don't stop uploading videos on this course. Love you bro.❤
Another Gem. This one took me about 3 to 4 watch to wrap my head around the concept and mind blown to how powerful Figma is, its really a game changer. I have been using this course to carry out an experimental project. I am surpised how much I have done from no knowledge of Figma to the amazing thing I have now created will be sharing my finished work with you Ansh, if you ever have the chance would appreciate your feedback. Once again Thank you Ansh this has been super helpful and I am grateful.
I'm a self learning ux designer and your vdos have been a big part of my learning journey. Please continue the course. It means a lot. Please please please don't stop uploading 🙏😭
Hi, I'm from Pakistan and just recently discovered your channel. Ever since the release of these Variables feature, I've been banging my head as to why Figma has made itself so complicated. But you've broken it down really well and now I am starting to understand the benefits of using them in large scale products.
Hey Ansh, your content is very helpful to us and for who is thinking to entering in the design industry. you and your team gives a big round of applause 👏 👏. You and your team dedication is next level and you taught me a habit which is like brick of gold and that habit is document your learning. and please guys comment as much as you can..
you have to continue this! this is brilliant info. Thanks for sharing
Yes ansh pls continue
Once again, thank you very much for keeping this out! Please Conti...
Actually, I've gone through paid course on Udemy but the way you explain it here is really commendable. It's totally different and the points you cover here were not even covered in paid courses.
The prototyping bit is blowing my mind! I've watched it like three times and every time you explain the whole thing like you're explaining it to a one year old i lose my mind 😂😂 you're a really great teacher God Bless 🤩
You are doing very well, Ansh. Keep it up. We know that you have a less number of subs, but remember, great things take time
One of the most detailed and understands series of videos on figma explaining things in details so that it is easy to understand and implement.
Thanks
The concept of color scoping is mind blowing
I was struggling to Understand the concept of variables ! But this video breaks it down so well. One the best videos out there to learn. Would really appreciate if we can have a video on how can we apply this in our projects. Like the naming conventions and how do we maintain the tokens and variables.
Once again one the best videos to learn. Thanks so much Ansh.
Thank you! When it comes to practical UX, I’ve put every single important video I’ve ever made on www.LearnUIUX.in. That’s the place where you should actually begin.
It has a 9 week long syllabus and trust me, you’d not need any other foundation video once you finish these 9 week modules.
It's really superb . It's actually deep exploartion of the figma design features. how it will be helps us to design in so organized way and even design in more faster way. It's mind blowing 👏
Such detailed videos with pure dedication Ansh, you got blessings of millons.
please keep uploading and eagerly waiting for prototyping vd.
the amount of value we get from Ansh's channel is just incredible...just amazing.
Wow, This episode was the most interesting one among the first five, I'm literally feeling so happy right now. Thank you Ansh for this supper amazing series. I really enjoyed learning about variables, it feels like I don't even need to watch it for second time now 😀. I watched the previous (4th) episode 3 times cause I was stuck on variants but totally worth watching. BTW you guys may unconsciously have not attached the 8th epi. in the playlist.
Hi Ansh,
First of all , I just wanted to thank you for such a great tutorials and also I wanted to request you to kindly shift your camera view from top left corner to bottom right corner so that we could have a clear view like in this video we are not able to see what things are going on with variable naming as well as with declarations and all.
Hey Ansh, these videos actually provides a lot of value to us, waiting for the next one :)
switching between dark to light theme directly just blew my mind ,thanks for this wonderful video
you are genuinely the best and providing the best and detailed content on everything. thankyou so much sir🥰🥰
This is so very useful Ansh. Your explanations are very concise and very easy to understand. I hope you continue this in the future too. Thank you for your efforts :)
Thank you Ansh for educating us variables are really important and cool features and I completely understand now. Thank you for this video. I will watch your entire series and playlist this is really helpful.😇😇
Of course we are enjoyingggggg. This is am amazing course Ansh. I am seeing there are 7 videos here. Please continue uploading. I will be a good student!!!
Appreciate the content you're putting in free of a cost
Hello Ansh Even if your following may not be very large, keep in mind that those who watch your video are not only doing so for fun. Your instruction is based solely on your industry expertise. I hope you soon receive the acknowledgement you are due. Please continue improving our UX experience.
This was a mindboggling figma session. Learned a lot today from this session. I'm following all videos u post on Ui/ux. Thanks for knowledge and insights on ui/ux all of your videos are extremely valuable. Following your your roadmap on becoming a full time Ui/Ux designer. Thanks for bringing up hopes that anyone from any background can learn and you have given me a head start for pursuing Ui/Ux. Thanks for all of the valuable content and exited for more new content from you and your team 🙏🙏
This is the best series I have come across, very helpful for beginners, please don't pause it🙏❤
This is mindblowing! thank you so much for the explanation. Best channel I found on youtube!
Your vdos are truly informative for me 🥺 i am seriously watching and note down all things
I really wanted to learn variables but was wanting for your videos. Now I understand how use variable and it adds functionality to our design. Thanks, Ansh for video such valuble content. Now I am little bit earning because of you. Inshallah, you will grow more.
This video is a game changer for many designers like me........Thanks Ansh Bhai
Hey Ansh , these video are very useful, I really like your teaching style . Please continue this series .
I am being into zone of more patience from when i started to seeing your videos. I am giving the time it requires to build out my skills. Thanks for your valuable content.
You are an amazing teacher. Thank you sooo much for all you do
One of the best series i am following to level my figma game and also learn something new even after i know everthing XD.....
Thank you! glad it’s helping. Making these take a lotttt of time
Thanks for curating such complex concept in a Clear n Simple Manner :)
wow thank you for sharing this valuable information and explaining everything in detail. Big thank to you from Saudi Arabia
Hi Ansh I really feel blessed, you are hero I also want a senior like you. Thanks a lot once again
Thank you Ansh for making it simple to understand
Sir thank you so much for teaching us in depth and that too in free, as u said my mind got blown when u shown variables with examples 😅 love from Karnataka sir🙏
Thank you Ansh, this was such a great video for people who are starting to learn figma variables but are not sure of where and how to start. It was an incredible learning altogether!!!
Thanks for such a deep Figma series. Your content is very important.we are series about figma
Please Continue.....
pausing the lecture just to comment how AWESOME is color variables. Thnkyou so much brother ! 👍
Okay i am actually this emote 🤯 after the video. Variables are soo cool.
I document all the points and i am extremely thankful and grateful of your effort.
And the way you are teaching is so perfect i mean the way you explained how we are communicating with figma after 51:48 made me remember a great teacher of mine in class 12th who used to explain c++ in the same way.
Really appreciate all the effort and eagerly waiting for the next video please upload it soon.
How sweet!!
yes Ansh, we are enjoying!!! please do not stop , you are doing a noble deed!
The scoping options for variables just blew my mind, thank you for the detailed video
🙏🏽 ❤
Your series is extremely valuable for me. Please continue releasing the next videos in this series. We really appreciate your time and efforts. keep it up. @Ansh Mehra ♥
awesome tutorial on variables so far!!!... the best... the magic started when you started to tell about scoping... What a game changer feature... i really love the way you touch every detail of the topic, tbh, i really like figma now, thanks a lot for making such detail videos.. wish i had watched this earlier... you are indeed inspiring learners as me to try and experiment on these design tools and get a hang of it.. to sum up the experience of watching your figma series, they work as a brilliant appetisers for each of the figma features.. and thanks for resourses you share at the end.. its really helping me a lot.. thanks😁😁
Thank you so much for all your supportive comments Nikitha! I hope that after this Figma course, you start learning UX from LearnUIUX.in because that playlist is so much more practical for product designers
This was a very helpful video learnt alot about variables from this. Thanks for making these !
Thank you so much for this insightful Figma tutorial on variables! Your clear explanations and step-by-step guidance have been incredibly helpful. I now feel much more confident in utilizing variables in my designs. Your efforts are truly appreciated! 🙏🏼
I am really learning a lot from your every video. Thanks a lot
Thanks ansh bhaiyya to explain veriables in very silplify way.
Thanks for this course 🙏
Never ever watched a Figma tutorial soo in depth.
Couldn't try few features like modes and set variable, not more free.
Hi Ansh! Have been following your videos since you started posting Learn UX design in Hindi and English. Tho I watched those videos religiously I haven't been able to watch all of your latest videos religiously. I know even If I know Figma for an year now I would learn something that I might not know. Your content holds that power and I hope you know it. Making my contribution here for 500 comments because I never want such valuable content to stop :)