Master Figma variables in 7 minutes

  Рет қаралды 54,979

Flux Academy

Flux Academy

Күн бұрын

Master Figma for web design with our new, in-depth Figma course: t.ly/c4e3F
Maddy’s KZbin Channel: / maddybeard
Figma variables are extremely powerful in creating consistency within a project or design system. There's no way that you can become an expert after watching just a five minute video. But today, I want to give you a crash course so that you can start using variables to significantly up level your workflow fast.
📽️ CHAPTERS
---------------------------
00:00 - Intro
00:43 - Why variables no styles?
01:31 - How to create and apply variables
Found this helpful?
Let us know in the comments 💬
Learn more from Flux Academy on other social platforms:
---------------------------
Instagram: / flux.academy
Tiktok: / fluxacademy
Twitter: / fluxacademyhq
Linkedin: / flux-academy
#figma #figmatips #design

Пікірлер: 68
@dcarter_ux
@dcarter_ux 10 ай бұрын
You explained that better than the official Figma tutorial from them
@magdelinecreations29
@magdelinecreations29 8 ай бұрын
Totally agreed
@eugeniat5460
@eugeniat5460 6 ай бұрын
Most of their tuts are SO painful
@patmadia
@patmadia 3 ай бұрын
TRUEEEEEE
@user-pooser164
@user-pooser164 3 ай бұрын
@@eugeniat5460 so true!
@tofuComputer
@tofuComputer Ай бұрын
Agreed! I hate that the Figma tutorials narrator sounds like a bratty junior high school student lol.
@kristinad.1733
@kristinad.1733 Ай бұрын
This is THE BEST explanation of Figma variables! Finally, I got it, huge thanks!!!
@noahherman5160
@noahherman5160 7 ай бұрын
I've been struggling with understanding variables- this is the best video hands down.
@FluxAcademy
@FluxAcademy 7 ай бұрын
appreciate it!
@GGg-qr6vw
@GGg-qr6vw 4 ай бұрын
​@@FluxAcademy Wow it finally makes sense!!!!
@laurentpastorelli1354
@laurentpastorelli1354 10 ай бұрын
More tutorials on variables please!!!! it is very useful! great video. Thanks a lot
@krishnpal9503
@krishnpal9503 10 ай бұрын
i like it, thank you so much for sharing your idea to the design world for the new or old designer its will help a lot, :)
@Rytzzz730
@Rytzzz730 10 ай бұрын
Thankyou very muchh. I really appreciated it.
@clintmckoy
@clintmckoy 4 ай бұрын
Great tutorial! Thanks!
@TheRiddleSolver
@TheRiddleSolver 5 ай бұрын
That was great - I learned a lot!
@axeleldrianhadiwibowo2298
@axeleldrianhadiwibowo2298 3 күн бұрын
Thanks this is so insightfull!
@bradmacdonald6591
@bradmacdonald6591 10 ай бұрын
Nice one! ✨
@MrRichardburch
@MrRichardburch 10 ай бұрын
Could you please tell me the screen recording app you are using where you are zooming in and out on certain areas of the figma UI when showing how to use the variables?
@crystalloh6556
@crystalloh6556 4 ай бұрын
the best tutorial there is, i understood everything so well??
@PrerakArya
@PrerakArya 10 ай бұрын
Easy to understand, thanks
@vrealizer
@vrealizer 7 ай бұрын
You are a genius at explaining figma tools. Thank you so much. and I would like you to explain in more detail what the difference is between managing existing components by creating variants and which is more convenient. Can anyone reading this comment explain the difference?
@LordBoltagon
@LordBoltagon 20 күн бұрын
Brilliant! Thank you
@olenakitsak37
@olenakitsak37 10 ай бұрын
Thank you very much!
@shirbarami9815
@shirbarami9815 3 ай бұрын
Amazing! thank you
@alinanozik7903
@alinanozik7903 7 ай бұрын
Hi, thanks for tutorial :) What is the difference between using library colors and variables?
@caro.lina.93
@caro.lina.93 7 сағат бұрын
This is the best Tokens tutorial I've seen.
@CalenTaylor
@CalenTaylor 2 ай бұрын
You made it so easy - thank you!
@FluxAcademy
@FluxAcademy 2 ай бұрын
Glad it helped!
@kietdana
@kietdana 7 ай бұрын
Simple but easy to understand
6 ай бұрын
Super, now I get it 😮👌
@vrealizer
@vrealizer 7 ай бұрын
Can you show how to apply number, boolean or string other than the colors shown in the example?
@izuchukwuobilom9066
@izuchukwuobilom9066 10 ай бұрын
What font is used for the body text?
@michaelschultze3595
@michaelschultze3595 7 ай бұрын
Are variables only local saved? And, how did you set the variable for heading? Thanks
@AllanLeonardJr
@AllanLeonardJr Ай бұрын
This was an awesome tutorial!
@FluxAcademy
@FluxAcademy 27 күн бұрын
Thank you!
@annaskachkova4136
@annaskachkova4136 7 ай бұрын
Thank you very much for such a detailed explanation. It helped me a lot. I wanted to ask if this Figma file is open and I could practice variables with your file? or maybe you could share some other files. Thanks. That would be great
@lillylightlove4229
@lillylightlove4229 28 күн бұрын
super easy explained and she is so adorable
@namenl2205
@namenl2205 10 ай бұрын
well explained, good job!
@snowyang6792
@snowyang6792 12 күн бұрын
good
@wienwinsituation
@wienwinsituation 7 ай бұрын
thumb up nr1000 :D Good video, thanks a bunch!
@annapindurova3780
@annapindurova3780 5 ай бұрын
L_O_V_E IT! thanks a lot!
@dylansburrow
@dylansburrow 28 күн бұрын
Thank you for this tutorial! I was struggling to comprehend the practical usage of the variables, as the official Figma tutorials focus on the theory without showing how it applies in real contexts. As someone who's a big rookie amongst all these concepts, you helped me out a lot! Thank you!!
@FluxAcademy
@FluxAcademy 27 күн бұрын
Thanks Dylan, glad that this helped you!
@toiebahmed9114
@toiebahmed9114 10 ай бұрын
Excellent
@udesai2011
@udesai2011 7 ай бұрын
How did you create categories under tokens?
@jukacuber9560
@jukacuber9560 5 ай бұрын
Great video! One question, do you use After Effects to do the animations? :0
@toiebahmed9114
@toiebahmed9114 10 ай бұрын
Informative
@HernanV
@HernanV 7 ай бұрын
Hey! the link in the description to the Master Figma course doesn't work
@ryanshumway9666
@ryanshumway9666 10 ай бұрын
Completely unrelated... where did you get that Microphone? I've been on the hunt for a good mic for a while.
@samuelelijas9002
@samuelelijas9002 10 ай бұрын
...side topic/question here, is Figma going to become a part of Adobe CC or will you have to pay for it separately, in addition to the CC subscription? Cheers
@atetraxx
@atetraxx 10 ай бұрын
It will be separate for now. I hope they never add it
@favouradedeji7878
@favouradedeji7878 10 ай бұрын
The background music 👌
@catandcute23
@catandcute23 Ай бұрын
short but shape❤
@Kingmaybach1
@Kingmaybach1 10 ай бұрын
Thank you* guys
@nehasalma9083
@nehasalma9083 18 күн бұрын
very nice video with such a nice girl thank you miss its really help full for us plz make more video on this topic love you
@josephmgift
@josephmgift 10 ай бұрын
The background music 🎵✨✨. Her voice ⭐⭐. Video Quality 💯. Her hair, dope. Graphics ✨✨⭐⭐💯
@KaviSivyer
@KaviSivyer 10 ай бұрын
Her: There's no way you can become an expert on figma variables in just 5 minutes Next second the text: MASTER FIGMA VARIABLES IN 5 MINUTES 😂 Tbh though, great content 👍👍 well done guys 🙏
@alexanderkempf9828
@alexanderkempf9828 2 ай бұрын
This made it even more confusing. Thanks.
@joeromersa
@joeromersa 7 ай бұрын
5:43 actually no, that's not how we do it in real world projects
@smilli6415
@smilli6415 8 ай бұрын
figma jus feature dumping these complicated stuf.. figma is a mess now
@Kuwandi
@Kuwandi 10 ай бұрын
Sorry going way too fast and no reall explanation and definitions bullet point by bullet point framework… just a description of what you are doing on the screen mean nothing to new users
@Rio-by1eh
@Rio-by1eh 9 ай бұрын
Way too abstract presentation ….so many things sliding across with no focus…any one can DESCRIBE WHAT THEY ARE DOING ON THE SCREEN..LOL
@joered4298
@joered4298 3 ай бұрын
She is just repeating exactly what the FIGMA Videos say..... This is so sad .... Fluz¡x Academy ...pffffffff wapos
@Ryan-hg2hs
@Ryan-hg2hs 28 күн бұрын
The narrators voice is a bit annoying
@M.yoderler
@M.yoderler 28 күн бұрын
This comment is unnecessary. Watch a different video and keep moving.
@Ryan-hg2hs
@Ryan-hg2hs 28 күн бұрын
@@M.yoderler Then by your logic, so is yours
@rjabrm
@rjabrm 3 ай бұрын
not recomended...
@user-pooser164
@user-pooser164 3 ай бұрын
I am not native English speaker but your explanation is very useful for me! thank you!
Master Figma Variants | The Complete Guide (2024)
22:00
DesignWithArash
Рет қаралды 177 М.
Does size matter? BEACH EDITION
00:32
Mini Katana
Рет қаралды 20 МЛН
Who has won ?? 😀 #shortvideo #lizzyisaeva
00:24
Lizzy Isaeva
Рет қаралды 64 МЛН
Easily Improve Your Web Design (With Example)
17:59
Flux Academy
Рет қаралды 36 М.
Figma Tutorial: Use Figma Variables Like a Pro (+ Practice File)
30:30
DesignWithArash
Рет қаралды 284 М.
Figma tutorial: Variables for typography
12:58
Figma
Рет қаралды 90 М.
Figma Variables & Advanced Prototyping - Crash Course
31:01
DesignCourse
Рет қаралды 127 М.
Reduce Prototypes by 50% (Simple trick) | Figma Tutorial
5:41
STOP doing DROPDOWNS like this - Figma variables 2023
15:35
Ricardo Costa
Рет қаралды 169 М.
60-30-10 Color Rule
6:18
Jesse Showalter
Рет қаралды 1,9 МЛН
Organize Your Figma File Like a PRO
8:06
Rachel How
Рет қаралды 82 М.