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

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 พ.ย. 2024

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

  • @Callisto000
    @Callisto000 3 ปีที่แล้ว +16

    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

  • @elizabeth4689
    @elizabeth4689 3 ปีที่แล้ว +8

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

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

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

  • @afrieirham_
    @afrieirham_ 3 ปีที่แล้ว +8

    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. 😂

  • @ameereeo
    @ameereeo 3 ปีที่แล้ว +8

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

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

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

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

    Thank you for making this video. It's going to be helpful for beginners and even seasoned designers who haven't mastered shortcuts yet.
    ⭕Tip #1 is too cool 😎. Ctrl+P for quick access to plugins, shortcuts and menus
    ⭕Tip #3 is going to take your game to the next level, its like getting X-Ray vision.
    ⭕Tip #6 was neat as well; though I do some mathematics in Figma the tip showed how to do it better.
    ⭕Tip #9 😮I've been using Figma for years and didn't know that Ctrl+1 will take you to the 'Home' tab and that Ctrl+ will take you to the respective tab.
    ⭕Tip #12 was something I had learned recently, batch renaming will help save energy and maintain naming consistency.
    ⭕ Tip #13 can be helpful as well. I never thought about using the spacebar as a way to keep an object in a frame
    ⭕ Tip #14 is🔥 What a game changer! Use 'Z' while presenting a prototype
    ⭕ Tip #15 is very important. Frames over groups in Figma. They give you more control

  • @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 :)

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

    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  3 ปีที่แล้ว

      Thanks for sharing your tips, Paul-Sebastian! 😁

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

    Batch export is amazing! Thank you Rachel!

  • @thecollegeadviceforeveryon7691
    @thecollegeadviceforeveryon7691 3 ปีที่แล้ว +8

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

  • @Bustard
    @Bustard ปีที่แล้ว +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  ปีที่แล้ว

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

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

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

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

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

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

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

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

      You're super welcome

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

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

  • @giorgosmoustakidhs
    @giorgosmoustakidhs 3 ปีที่แล้ว +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  3 ปีที่แล้ว

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

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

      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.

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

    It's amazing how you can know so many things, you are my new best friend! ♥

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

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

  • @honeylavender1122
    @honeylavender1122 3 ปีที่แล้ว

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

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

      You're welcome!! Thanks for watching Melissa

  • @honeylavender1122
    @honeylavender1122 3 ปีที่แล้ว

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

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

      It's Figma 'Quick actions' 😁

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

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

  • @hanaisbanana
    @hanaisbanana 3 ปีที่แล้ว

    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  3 ปีที่แล้ว +1

      Thanks Farah,

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

    Very very thank you!!! Rachel

  • @Lixia-ux
    @Lixia-ux 7 หลายเดือนก่อน

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

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

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

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

      Awesome! Thank you for watching, Rajiv! 😍

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

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

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

      Thank you for watching, Rizal :)

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

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

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

      Thank you for watching too! :)

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

    Love this! Thanks for making this ^_^

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

    Great tips! I have to write these down.

  • @Dorcas-g3l
    @Dorcas-g3l ปีที่แล้ว

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

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

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

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

      You're very welcome!

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

    Great video again Rachel!

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

      Yay, thank you Hannah!!

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

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

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

      Glad it was helpful!

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

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

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

      Thank you for watching again :)

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

    Love your channel! Keep up the good work :)

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

      Thanks for watching!

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

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

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

    Very useful 😍Thanks Rachel

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

      Thanks for watching, Behnam!

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

    Thank you!!

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

    This is gold! Thank you

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

      Glad you enjoyed it!

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

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

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

    I found some new tips! Thanks for sharing.

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

      Happy to help!

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

    You're fantastic! Thanks a lot!

  • @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!!

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

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

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

    Such an informative video! Thank you so much for sharing

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

      Thank you for watching, Nithyasri! :)

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

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

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

      Thank you for watching :)

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

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

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

    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  3 ปีที่แล้ว

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

  • @fatymaametova906
    @fatymaametova906 2 ปีที่แล้ว +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!

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

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

  • @elena.valentina
    @elena.valentina หลายเดือนก่อน

    This is the holy grail ❤️ thank u👸

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

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

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

      Thank you for watching, Niki! :)

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

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

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

      You are so welcome!

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

    Wonderful Video!😇 Learn a lot!

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

      Thanks! 😃

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

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

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

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

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

    Great stuff, thanks!

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

      thanks for watching!

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

    Awesome thanks 👍👍

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

      Thank you too!

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

    7:30 Thank you

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

    Amazing

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

    Tip 6: so lit!!

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

      Yo thanks for watching Mike!

  • @Alif2018-d4s
    @Alif2018-d4s 3 ปีที่แล้ว

    Omg just subscribed your channel!😍

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

      Thanks for subbing!!

  • @biancamae5238
    @biancamae5238 2 ปีที่แล้ว +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! :)

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

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

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

    SUPER helpful

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

      Glad it helped! 🙏🏻

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

    Wow 👌 👏

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

    Much helpful

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

    Terimakasih banyak rachel

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

    these tips helped me, love the malaysian accent 😛

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

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

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

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

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

    Amazing!!!!!

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

      Thank you! Cheers!

  • @Katiedoan88
    @Katiedoan88 3 ปีที่แล้ว +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! :)

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

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

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

    Weil done!

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

    informative

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

      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.

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

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

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

    make a video of Figma useful plugins.

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

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

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

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

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

    at 2.32 how did u duplicate the boxes?

  • @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!

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

    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  2 ปีที่แล้ว

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

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

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

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

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

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

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

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

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

    • @rachelhow
      @rachelhow  3 ปีที่แล้ว +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 3 ปีที่แล้ว

      @@rachelhow no problem ❤️

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

    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  3 ปีที่แล้ว +1

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

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

    What button is called ''option''

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

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

  • @shama.saravu
    @shama.saravu 5 หลายเดือนก่อน

    ctrl + Y is not working

  • @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 ปีที่แล้ว +1

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

    • @rachelhow
      @rachelhow  ปีที่แล้ว +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 ปีที่แล้ว +1

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

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

    3 year old video, "Figma Tutorial 2024"
    Do you just update the title of the video every year?

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

      true. will remove the year from the title! a new updated video is coming soon. working on it now :)

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

    thank u!!!!!! very useful

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

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