Master Figma variables in 7 minutes

Sdílet
Vložit
  • čas přidán 1. 07. 2024
  • Master Figma for web design with our new, in-depth Figma course: t.ly/c4e3F
    Maddy’s CZcams 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

Komentáře • 63

  • @dcarter_ux
    @dcarter_ux Před 9 měsíci +76

    You explained that better than the official Figma tutorial from them

  • @laurentpastorelli1354
    @laurentpastorelli1354 Před 9 měsíci +5

    More tutorials on variables please!!!! it is very useful! great video. Thanks a lot

  • @noahherman5160
    @noahherman5160 Před 6 měsíci +10

    I've been struggling with understanding variables- this is the best video hands down.

    • @FluxAcademy
      @FluxAcademy  Před 6 měsíci

      appreciate it!

    • @GGg-qr6vw
      @GGg-qr6vw Před 4 měsíci

      ​@@FluxAcademy Wow it finally makes sense!!!!

  • @kristinad.1733
    @kristinad.1733 Před 23 dny +1

    This is THE BEST explanation of Figma variables! Finally, I got it, huge thanks!!!

  • @namenl2205
    @namenl2205 Před 9 měsíci +1

    well explained, good job!

  • @Rytzzz730
    @Rytzzz730 Před 9 měsíci

    Thankyou very muchh. I really appreciated it.

  • @clintmckoy
    @clintmckoy Před 3 měsíci

    Great tutorial! Thanks!

  • @krishnpal9503
    @krishnpal9503 Před 9 měsíci

    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, :)

  • @TheRiddleSolver
    @TheRiddleSolver Před 4 měsíci

    That was great - I learned a lot!

  • @bradmacdonald6591
    @bradmacdonald6591 Před 9 měsíci

    Nice one! ✨

  • @PrerakArya
    @PrerakArya Před 9 měsíci

    Easy to understand, thanks

  • @olenakitsak37
    @olenakitsak37 Před 9 měsíci

    Thank you very much!

  • @alinanozik7903
    @alinanozik7903 Před 6 měsíci

    Hi, thanks for tutorial :) What is the difference between using library colors and variables?

  • @kietdana
    @kietdana Před 7 měsíci

    Simple but easy to understand

  • @MrRichardburch
    @MrRichardburch Před 9 měsíci

    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?

  • @shirbarami9815
    @shirbarami9815 Před 2 měsíci

    Amazing! thank you

  • @dylansburrow
    @dylansburrow Před 6 dny

    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  Před 5 dny

      Thanks Dylan, glad that this helped you!

  • @crystalloh6556
    @crystalloh6556 Před 3 měsíci

    the best tutorial there is, i understood everything so well??

  • @lillylightlove4229
    @lillylightlove4229 Před 6 dny

    super easy explained and she is so adorable

  • @CalenTaylor
    @CalenTaylor Před 2 měsíci

    You made it so easy - thank you!

  • @vrealizer
    @vrealizer Před 6 měsíci

    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?

  • @michaelschultze3595
    @michaelschultze3595 Před 7 měsíci

    Are variables only local saved? And, how did you set the variable for heading? Thanks

  • @annaskachkova4136
    @annaskachkova4136 Před 6 měsíci

    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

  •  Před 5 měsíci

    Super, now I get it 😮👌

  • @vrealizer
    @vrealizer Před 6 měsíci

    Can you show how to apply number, boolean or string other than the colors shown in the example?

  • @jukacuber9560
    @jukacuber9560 Před 4 měsíci

    Great video! One question, do you use After Effects to do the animations? :0

  • @udesai2011
    @udesai2011 Před 6 měsíci

    How did you create categories under tokens?

  • @izuchukwuobilom9066
    @izuchukwuobilom9066 Před 9 měsíci

    What font is used for the body text?

  • @annapindurova3780
    @annapindurova3780 Před 4 měsíci

    L_O_V_E IT! thanks a lot!

  • @toiebahmed9114
    @toiebahmed9114 Před 9 měsíci

    Excellent

  • @AllanLeonardJr
    @AllanLeonardJr Před 8 dny

    This was an awesome tutorial!

  • @toiebahmed9114
    @toiebahmed9114 Před 9 měsíci

    Informative

  • @wienwinsituation
    @wienwinsituation Před 6 měsíci

    thumb up nr1000 :D
    Good video, thanks a bunch!

  • @ryanshumway9666
    @ryanshumway9666 Před 9 měsíci

    Completely unrelated... where did you get that Microphone? I've been on the hunt for a good mic for a while.

  • @samuelelijas9002
    @samuelelijas9002 Před 9 měsíci

    ...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 Před 9 měsíci

      It will be separate for now. I hope they never add it

  • @HernanV
    @HernanV Před 6 měsíci

    Hey! the link in the description to the Master Figma course doesn't work

  • @favouradedeji7878
    @favouradedeji7878 Před 9 měsíci

    The background music 👌

  • @catandcute23
    @catandcute23 Před 24 dny

    short but shape❤

  • @Kingmaybach1
    @Kingmaybach1 Před 9 měsíci

    Thank you* guys

  • @josephmgift
    @josephmgift Před 9 měsíci +4

    The background music 🎵✨✨. Her voice ⭐⭐. Video Quality 💯. Her hair, dope. Graphics ✨✨⭐⭐💯

  • @alexanderkempf9828
    @alexanderkempf9828 Před měsícem

    This made it even more confusing. Thanks.

  • @KaviSivyer
    @KaviSivyer Před 9 měsíci +1

    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 🙏

  • @joeromersa
    @joeromersa Před 6 měsíci

    5:43 actually no, that's not how we do it in real world projects

  • @Kuwandi
    @Kuwandi Před 9 měsíci

    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

  • @smilli6415
    @smilli6415 Před 8 měsíci

    figma jus feature dumping these complicated stuf.. figma is a mess now

  • @Rio-by1eh
    @Rio-by1eh Před 8 měsíci

    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 Před 2 měsíci

    She is just repeating exactly what the FIGMA Videos say..... This is so sad .... Fluz¡x Academy ...pffffffff wapos

  • @Ryan-hg2hs
    @Ryan-hg2hs Před 7 dny

    The narrators voice is a bit annoying

    • @M.yoderler
      @M.yoderler Před 7 dny

      This comment is unnecessary. Watch a different video and keep moving.

    • @Ryan-hg2hs
      @Ryan-hg2hs Před 7 dny

      @@M.yoderler Then by your logic, so is yours

  • @rjabrm
    @rjabrm Před 2 měsíci

    not recomended...

  • @user-pooser164
    @user-pooser164 Před 2 měsíci

    I am not native English speaker but your explanation is very useful for me! thank you!