15 tips to design 15X faster in Figma | Figma Tutorial 2024

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 พ.ค. 2024
  • Here's how you can design faster with Figma. I share tips and tricks that I use daily in my design workflow, and condense my tips in this video to save your time. Hope you find this helpful!
    P/S: Thank you for 1K!!! Your support keeps me going :)
    📺 Watch next:
    How to create your first UX case study: • How to design your UI/...
    How I became a UX/UI Designer in 3 months: • How I became a UI/UX D...
    8 ways to get started in UX design for free: • 8 free ways to get sta...
    Redesigning Nespresso's Website in 1 hour: • Redesigning Nespresso'...
    🎉
    My gear, tools, resources: rachelhow.com/resources
    Instagram: / rachelhxw
    Twitter: / rachelhxw
    Newsletter: www.rachelhow.com/newsletter
    Suggest new videos to me: airtable.com/shrAWb7oXtqb8s302
    Webflow: webflow.grsm.io/0cprnc6dmbhy ✿
    Some of the above are affiliate links-I make a small commission when you purchase through my link, at no extra cost to you. Thank you for supporting an independent creator!
    💫 If you're new here
    Thank you for stopping by! I really appreciate it. I'm still amazed that my content on product design (UI/UX design), lifestyle and productivity helps someone out there, even though I'm a small creator. Subscribe & like this video as it keeps me going! If you've got video suggestions, comment and let me know!
    // chapters
    00:00 Intro
    00:32 Tip #1
    1:01 Tip #2
    1:11 Tip #3
    1:31 Tip #4
    1:53 Tip #5
    2:07 Tip #6
    3:00 Tip #7
    3:34 Tip #8
    4:12 Tip #9
    4:28 Tip #10
    5:05 Tip #11
    5:30 Tip #12
    5:56 Tip #13
    6:28 Tip #14
    6:45 Tip #15
    7:38 Final thoughts

ความคิดเห็น • 140

  • @thecollegeadviceforeveryon7691
    @thecollegeadviceforeveryon7691 2 ปีที่แล้ว +5

    Another amazing video Rachel! Thank you for taking the time to put this together. I just found your channel and absolutely love it!

  • @Callisto000
    @Callisto000 2 ปีที่แล้ว +14

    Definitely found some new tips I didn't know about before, holding spacebar to drag around elements in a frame is super useful because I always feel frustrated when they leave the frame and I have to rearrange them inside again lol

  • @AnitaAsani
    @AnitaAsani 2 ปีที่แล้ว

    Thak you so so much Rachel! I am a beginner and this is making the learning curve much less steep. Thanks again!

  • @AsimAntuleVlogs
    @AsimAntuleVlogs 2 ปีที่แล้ว

    Got some excellent tips that I've never seen before. Thanks, Rachel🥺❤ You did a great job.

  • @mochimin8356
    @mochimin8356 4 หลายเดือนก่อน

    This was just what I was looking for! Really helps make the design process much faster. Finding these minute practical tips is really hard ! This video really summed them up for me :)

  • @AsimAntuleVlogs
    @AsimAntuleVlogs 2 ปีที่แล้ว

    This is the best tutorial of Figma, I've seen till now!❤ So so helpful. Keep Creating more♥

  • @chelseawilliams6648
    @chelseawilliams6648 6 หลายเดือนก่อน

    Love this! Thanks for making this ^_^

  • @tinawei9489
    @tinawei9489 4 หลายเดือนก่อน

    Batch export is amazing! Thank you Rachel!

  • @fallondavis747
    @fallondavis747 6 หลายเดือนก่อน

    OMG! SUPER helpful. Im still learning Figma, and this was amazing! Thank you

  • @afrieirham_
    @afrieirham_ 2 ปีที่แล้ว +5

    Finally I know how to properly resize the SVG icons. What I usually did is change the stroke size based on how much I scale it, a lot of weird maths happening. 😂

  • @sazidurrahman7754
    @sazidurrahman7754 5 หลายเดือนก่อน

    Very very thank you!!! Rachel

  • @ameereeo
    @ameereeo 2 ปีที่แล้ว +6

    Thank you! your channel is being a favorite spot on youtube. learning alot about basics. again, thanks Rachel.

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว +1

      Wow, thank you! You're most welcome, Ameer!

  • @nnekagw
    @nnekagw ปีที่แล้ว

    Thank you!!

  • @Bismuth-ig5ru
    @Bismuth-ig5ru 2 หลายเดือนก่อน

    What a nice tip!!! Thank you!

  • @xxxDoku
    @xxxDoku 2 ปีที่แล้ว

    thank u!!!!!! very useful

  • @Lixia-ux
    @Lixia-ux 18 วันที่ผ่านมา

    Thanks a lot Rachel, it is very useful ^^ Have a nice day !

  • @chewanfarhan4368
    @chewanfarhan4368 2 ปีที่แล้ว +1

    Thank you so much, Rachel. Love the tips alot!

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว +2

      Thank you for watching too! :)

  • @JaiShirelle
    @JaiShirelle 2 ปีที่แล้ว

    Great tips! I have to write these down.

  • @jejuisl7411
    @jejuisl7411 2 ปีที่แล้ว

    Amazing

  • @jasonliu4838
    @jasonliu4838 ปีที่แล้ว +4

    great content, super useful and no bs, every second of watching this is worth it!

    • @rachelhow
      @rachelhow  ปีที่แล้ว

      I really appreciated this. Thanks for watching :)

  • @melissaviesca2299
    @melissaviesca2299 2 ปีที่แล้ว

    Omg the Icon strokes one! So good! Thank you!

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว

      You're welcome!! Thanks for watching Melissa

  • @tengyanwen6694
    @tengyanwen6694 2 ปีที่แล้ว

    Thanks for sharing the tips! So many new tips :) Can I also ask how did you pick up your video editing skills?

  • @asmitjoy9452
    @asmitjoy9452 2 ปีที่แล้ว

    Very helpful video.... 👏...very very thanks

  • @nithyasrimanikandan5835
    @nithyasrimanikandan5835 2 ปีที่แล้ว

    Such an informative video! Thank you so much for sharing

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว +1

      Thank you for watching, Nithyasri! :)

  • @AbhimanyuSirothia
    @AbhimanyuSirothia 2 ปีที่แล้ว

    Cool! Loved the tip about looking for components in the outline mode. ✌😊

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว

      Glad it was helpful!

  • @fatymaametova906
    @fatymaametova906 ปีที่แล้ว +1

    Hey, Rachel! Thanks for your insights - I love your videos!
    A quick question. What macbook model would you recommend for a beginner in ui ux design? What are the minimum requirements? I’m planning to buy one but not sure which one to choose.
    Thanks!

  • @jonnyprice2062
    @jonnyprice2062 ปีที่แล้ว

    Love your channel! Keep up the good work :)

    • @rachelhow
      @rachelhow  ปีที่แล้ว

      Thanks for watching!

  • @femila.g
    @femila.g ปีที่แล้ว

    Wow 👌 👏

  • @Katiedoan88
    @Katiedoan88 2 ปีที่แล้ว +1

    Hi Rachel! I just discovered your channel and I'm really enjoying your content! Thank you! I wanted to ask what the difference between reset all overrides vs reset instance is? Actually I'm not sure why but I don't see an option for "reset instance" in my desktop Figma on my Windows 10 laptop. Anyways, any help would be great, thanks! :)

  • @elizabeth4689
    @elizabeth4689 2 ปีที่แล้ว +5

    2:35 wtf I never knew you could do math in there 🤯🤯🤯 this is a game changer

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว +1

      Yaaaas Elizabeth! Love the tiny UX details from Figma :)

  • @htan1900
    @htan1900 2 ปีที่แล้ว

    Great video again Rachel!

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว

      Yay, thank you Hannah!!

  • @miloudb6391
    @miloudb6391 2 ปีที่แล้ว

    Hi Rachel, I love your videos, thank you for these Figma tips 👍

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว +1

      You are so welcome!

  • @lauranuedaromero1648
    @lauranuedaromero1648 2 ปีที่แล้ว

    This is gold! Thank you

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว

      Glad you enjoyed it!

  • @B-Tank123
    @B-Tank123 2 ปีที่แล้ว

    thanks for the tips, make video about plugins that useful for ux design please.

  • @RajivNarayanan
    @RajivNarayanan 2 ปีที่แล้ว

    Great video! I got to watch it again and again..... Thanks so much!

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว

      Awesome! Thank you for watching, Rajiv! 😍

  • @kseniia7218
    @kseniia7218 2 ปีที่แล้ว

    Rachel thanx for this video! really helpful! I would eagerly want to see how you use Notion to save all your design courses-links, icons, fonts etc. Thanx in advance, hugs form junior designer in Ukraine:)

  • @paoxiaolin
    @paoxiaolin 2 ปีที่แล้ว

    Like this video! This is so helpful! Thanks for sharing!

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว

      Thank you for watching :)

  • @allencabo
    @allencabo ปีที่แล้ว

    This is so great and super insightful! I’m actually in the process of redesigning my case studies for my current portfolio. I noticed your tabs on the left didn’t have any solutions, would you suggest adding solutions? Also where is a good place to add any prototypes? Thanks!!

  • @biancamae5238
    @biancamae5238 ปีที่แล้ว +1

    Hello Rachel! I'm a new subscriber of yours and trying to study UI/UX design with the help of your videos. I just wanted to ask how you've been doing the Tip #13? I can't seem to move the object without it coming out of frame. Is there any other method to do this? Thank you! :)

  • @ikennagibson3933
    @ikennagibson3933 2 ปีที่แล้ว

    Amazing video Rachael, I just subscribed to your channel hoping to see more helpful contents. Please I would love to see how you start and finish a project using design briefs

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว

      Thanks for subbing! Noted on your suggestion, would make a video like this soon!

  • @future_proof
    @future_proof 2 ปีที่แล้ว

    Time to try out Figma again. Great work Rachel !!

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว +1

      Thank you for watching again :)

  • @fatimayasara7674
    @fatimayasara7674 ปีที่แล้ว

    extremely helpful. can you please tell the shortcut for creating an empty frame

  • @annak8627
    @annak8627 2 ปีที่แล้ว

    You're fantastic! Thanks a lot!

  • @shubhamsanas5242
    @shubhamsanas5242 5 หลายเดือนก่อน

    Thank you for eye-opening video keep it up..!☺

    • @rachelhow
      @rachelhow  5 หลายเดือนก่อน

      thank you :)

  • @user-ij7uw5wn2j
    @user-ij7uw5wn2j 7 หลายเดือนก่อน

    Yeah, I found a tip that I have not used before, thanks for sharing

    • @rachelhow
      @rachelhow  7 หลายเดือนก่อน

      No problem!

  • @behnamrmz
    @behnamrmz ปีที่แล้ว

    Very useful 😍Thanks Rachel

    • @rachelhow
      @rachelhow  ปีที่แล้ว

      Thanks for watching, Behnam!

  • @Amarzahir87
    @Amarzahir87 2 ปีที่แล้ว

    Omg just subscribed your channel!😍

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว

      Thanks for subbing!!

  • @jswanson859
    @jswanson859 2 ปีที่แล้ว

    I found some new tips! Thanks for sharing.

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว

      Happy to help!

  • @MsFarah-zh1pk
    @MsFarah-zh1pk 2 ปีที่แล้ว

    Thanks once again (this ain’t a bot, this girl just keeps killing it). Also last time you had 919 subs, I can’t believe you already hit 1k SO PROUD!! 👏👏😭😭

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว +1

      Thanks Farah,

  • @aravindkb8414
    @aravindkb8414 ปีที่แล้ว

    that was really usefull. waiting to see more contents like this.

  • @JacubMaldonado
    @JacubMaldonado 4 หลายเดือนก่อน

    Awesome thanks 👍👍

    • @rachelhow
      @rachelhow  3 หลายเดือนก่อน

      Thank you too!

  • @user-bb5lw1gl4m
    @user-bb5lw1gl4m หลายเดือนก่อน

    Thank you so much for also sharing the Windows Shortcuts! I really appreciate it :)

    • @rachelhow
      @rachelhow  หลายเดือนก่อน

      You're very welcome!

  • @PaulSebastianM
    @PaulSebastianM 2 ปีที่แล้ว +3

    4:28 Difference between Flatten and Outline Path options demoed, is that flatten combines everything into one layer while outline does not. Otherwise they both do the same thing. They convert higher level objects down to vector paths. Like editable text no longer is editable instead it becomes a vector path of what the text looked like when it was converted.

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว

      Thanks for sharing your tips, Paul-Sebastian! 😁

  • @Pacpaczoo
    @Pacpaczoo 2 ปีที่แล้ว

    Singkat, padat, jelas. Thank you very helpful tips! 🔥

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว

      Thank you for watching, Rizal :)

  • @JS-ot5or
    @JS-ot5or 2 ปีที่แล้ว

    Wonderful Video!😇 Learn a lot!

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว +1

      Thanks! 😃

  • @susannahdestudio9666
    @susannahdestudio9666 2 ปีที่แล้ว

    Amazing!!!!!

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว

      Thank you! Cheers!

  • @steeltownkarachi2537
    @steeltownkarachi2537 4 หลายเดือนก่อน

    SUPER helpful

    • @rachelhow
      @rachelhow  4 หลายเดือนก่อน

      Glad it helped! 🙏🏻

  • @duamath
    @duamath 2 ปีที่แล้ว +1

    Tip 6: so lit!!

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว +1

      Yo thanks for watching Mike!

  • @YenzSchmidt
    @YenzSchmidt 2 ปีที่แล้ว

    Weil done!

  • @kanishkamurjani8782
    @kanishkamurjani8782 ปีที่แล้ว

    Hi Rachel, thankyou so much for these amazing tips. I have been trying to do the spacebar tip you mentioned, to keep the elements inside of the frame, its just not working for some reason, as soon as i hit spacebar, the element freezes and i cannot move it. Is there something i am doing wrong? Thankyou :)

  • @melissaviesca2299
    @melissaviesca2299 2 ปีที่แล้ว

    Omg that Command P is everything I've been looking for

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว

      It's Figma 'Quick actions' 😁

  • @ahmedforword
    @ahmedforword 2 ปีที่แล้ว

    please Rachel make vedio how to make strong profile on upwork also i am new ui/ux designer to attract clients on upwork

  • @colinkiama
    @colinkiama ปีที่แล้ว +1

    Had no clue that you could batch rename in Figma. Wow, thanks!

    • @rachelhow
      @rachelhow  ปีที่แล้ว +1

      You're super welcome

  • @nikitisza
    @nikitisza 2 ปีที่แล้ว

    super useful video. I've learnt something new today - how to batch rename 🙂

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว +1

      Thank you for watching, Niki! :)

  • @Mirelly
    @Mirelly 2 ปีที่แล้ว

    Please, I would love to see the same video for windows

  • @roboexperts7337
    @roboexperts7337 3 หลายเดือนก่อน

    informative

    • @rachelhow
      @rachelhow  3 หลายเดือนก่อน

      Thank you!

  • @clemchooi
    @clemchooi ปีที่แล้ว

    I attempted to use the command + P shortcut to search for the iconify, but it seems that I am unable to locate it at this time.

  • @giorgosmoustakidhs
    @giorgosmoustakidhs 2 ปีที่แล้ว +1

    *For the 3rd tip the outlines are visible on windows by CTRL+SHIFT+3
    I loved your tips and already I use many of these. Thanks Rachel.

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว

      Thanks for sharing, Giorgos! I appreciate it. Is there any content you'd like to see more in future?

    • @giorgosmoustakidhs
      @giorgosmoustakidhs 2 ปีที่แล้ว

      hello @@rachelhow ,
      Yeh please 🙏 I would like to see more shortcuts so as to work faster and more efficiently or some UI/UX rules that anyone should obey.

    • @shivk12
      @shivk12 2 ปีที่แล้ว

      Thanks, for clarifying the actual shortcut of outline view on windows.

  • @brijeshmkt
    @brijeshmkt 2 ปีที่แล้ว

    at 2.32 how did u duplicate the boxes?

  • @soontiago
    @soontiago 2 ปีที่แล้ว +1

    how dyou manage pages by SCROLLS and FIXED? 6:16

  • @amongdoomers9464
    @amongdoomers9464 2 ปีที่แล้ว

    these tips helped me, love the malaysian accent 😛

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว +1

      I was afraid that I get hate for the Malaysian accent but I try to be myself - haha. Thanks for watching!

  • @runyalen
    @runyalen 7 หลายเดือนก่อน

    when i search for the plugin with ctrl+p i don't found iconify or any other plugin do you have premium or something ?

    • @rachelhow
      @rachelhow  7 หลายเดือนก่อน

      Ah, perhaps it's because you don't have it installed. You can search for it by hitting 'Shift' + 'i' button inside Figma.

  • @technobitepanda9153
    @technobitepanda9153 10 หลายเดือนก่อน

    Many of the shortcuts not working at my end. Please help

  • @kevinfuentes5804
    @kevinfuentes5804 ปีที่แล้ว

    Dear Rachel, How did you put plugins in your search engines? when i press CMD + P and i search iconify, it says "no matches" is it downloadable ?

    • @rachelhow
      @rachelhow  ปีที่แล้ว

      Hey Kevin, yes - you need to download the plugin on Figma first. My bad for not making it clearer in the video!

  • @rashman6691
    @rashman6691 2 ปีที่แล้ว

    How do you select multiple elements on the artboard?

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว

      On Figma, select multiple items while holding 'Shift' key. Hope it helps, Rashman!

  • @sahildeshmukh1462
    @sahildeshmukh1462 2 ปีที่แล้ว

    Hey have you did any UI UX design course before getting into it?

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว

      Hey Sahil, thanks for watching! No, I did not take any course :)

    • @sahildeshmukh1462
      @sahildeshmukh1462 2 ปีที่แล้ว

      @@rachelhow so how did you got your first job in UI UX design? Have you did an internship or directly got the job.

  • @dimaryl1658
    @dimaryl1658 7 หลายเดือนก่อน

    What button is called ''option''

    • @rachelhow
      @rachelhow  7 หลายเดือนก่อน

      On Mac, it’s the ‘option’ key. On windows, it’s the ‘Alt’ key. :)

  • @mayankbundheliya4199
    @mayankbundheliya4199 2 ปีที่แล้ว

    make a video of Figma useful plugins.

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว

      Thanks for the suggestion! I've noted down the idea ;)

  • @abdulkhaleque8889
    @abdulkhaleque8889 2 ปีที่แล้ว

    I don't know why, many shortcut which you showed - that doesn't work on my pc. Are you using figma web or figma software version?

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว +1

      Sorry to hear that 😭 I'm using the Figma desktop app for Mac.

  • @ahmedelattar7643
    @ahmedelattar7643 2 ปีที่แล้ว

    You are using Adobe xd ?!
    You can explain it please ♥️

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว +1

      Hey Ahmed, thanks for watching :) I used to use adobe xd (2 years ago), but found Figma to be a better experience for me.

    • @ahmedelattar7643
      @ahmedelattar7643 2 ปีที่แล้ว

      @@rachelhow no problem ❤️

  • @anikgustiayu2245
    @anikgustiayu2245 2 ปีที่แล้ว

    I am really enjoyed this video, it will be very nice if you can slow down your speech, too fast :)

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว +1

      Thanks for the tip! Actually you can adjust the playback speed in TH-cam video settings :) It's at the bottom right corner of the video!

    • @anikgustiayu2245
      @anikgustiayu2245 2 ปีที่แล้ว

      @@rachelhow Thank you so much dear, I am amazed with your talent as UX designer

  • @hoodiegamer9256
    @hoodiegamer9256 10 หลายเดือนก่อน +1

    You forgot the very first tip, get a decent PC. At least 16GB of Ram and a decently fast processor. 😅

    • @rachelhow
      @rachelhow  10 หลายเดือนก่อน +2

      I agree with you on this, whether you're on PC or Mac, get one with at least 16gb of RAM. I'm using 32gb RAM.

    • @hoodiegamer9256
      @hoodiegamer9256 10 หลายเดือนก่อน +1

      @@rachelhow same but im on a custom build with win 11

  • @Bustard
    @Bustard 11 หลายเดือนก่อน +1

    Great content! Thank you so much. I just freshly got certified in ux design but some of this stuff was still missing and now im scrambling youtube for knowledge on how to make my work stand out. If I could make a recommendation, I'd suggest labeling the sections of the video by what tip you're showing vs a TIP # so folk can go back and forth through the video to find certain steps

    • @rachelhow
      @rachelhow  11 หลายเดือนก่อน

      Thank you for the feedback! And good luck to you 💛✨

  • @dalperm.9688
    @dalperm.9688 ปีที่แล้ว

    I'm new here. This is very helpful. Thank youu