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

Поділитися
Вставка
  • Опубліковано 8 вер 2024

КОМЕНТАРІ • 143

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

  • @afrieirham_
    @afrieirham_ 3 роки тому +7

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

  • @elizabeth4689
    @elizabeth4689 3 роки тому +7

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

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

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

  • @user-bb5lw1gl4m
    @user-bb5lw1gl4m 5 місяців тому

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

    • @rachelhow
      @rachelhow  5 місяців тому

      You're very welcome!

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

  • @tinawei9489
    @tinawei9489 8 місяців тому

    Batch export is amazing! Thank you Rachel!

  • @mariadlosan
    @mariadlosan 2 місяці тому

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

  • @shubhamsanas5242
    @shubhamsanas5242 10 місяців тому

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

  • @user-ij7uw5wn2j
    @user-ij7uw5wn2j 11 місяців тому

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

  • @mochimin8356
    @mochimin8356 9 місяців тому

    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 11 місяців тому

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

  • @AsimAntuleVlogs
    @AsimAntuleVlogs 2 роки тому +1

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

  • @colinkiama
    @colinkiama Рік тому +1

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

  • @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 💛✨

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

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

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

  • @JacubMaldonado
    @JacubMaldonado 8 місяців тому

    Awesome thanks 👍👍

  • @chewanfarhan4368
    @chewanfarhan4368 3 роки тому +1

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

    • @rachelhow
      @rachelhow  3 роки тому +2

      Thank you for watching too! :)

  • @AsimAntuleVlogs
    @AsimAntuleVlogs 2 роки тому

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

  • @madhwapreraka6874
    @madhwapreraka6874 11 днів тому

    Much helpful

  • @melissaviesca2299
    @melissaviesca2299 3 роки тому

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

    • @rachelhow
      @rachelhow  3 роки тому

      You're welcome!! Thanks for watching Melissa

  • @Lixia-ux
    @Lixia-ux 4 місяці тому

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

  • @steeltownkarachi2537
    @steeltownkarachi2537 9 місяців тому

    SUPER helpful

    • @rachelhow
      @rachelhow  9 місяців тому

      Glad it helped! 🙏🏻

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

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

  • @nnekagw
    @nnekagw Рік тому +1

    Thank you!!

  • @melissaviesca2299
    @melissaviesca2299 3 роки тому

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

    • @rachelhow
      @rachelhow  3 роки тому

      It's Figma 'Quick actions' 😁

  • @AbhimanyuSirothia
    @AbhimanyuSirothia 2 роки тому

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

  • @future_proof
    @future_proof 3 роки тому

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

    • @rachelhow
      @rachelhow  3 роки тому +1

      Thank you for watching again :)

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

  • @aravindkb8414
    @aravindkb8414 2 роки тому

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

  • @Pacpaczoo
    @Pacpaczoo 3 роки тому

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

    • @rachelhow
      @rachelhow  3 роки тому

      Thank you for watching, Rizal :)

  • @JaiShirelle
    @JaiShirelle 2 роки тому

    Great tips! I have to write these down.

  • @sazidurrahman7754
    @sazidurrahman7754 9 місяців тому

    Very very thank you!!! Rachel

  • @chelseawilliams6648
    @chelseawilliams6648 11 місяців тому

    Love this! Thanks for making this ^_^

  • @GemilangIsmajaya
    @GemilangIsmajaya 3 місяці тому

    Terimakasih banyak rachel

  • @jonnyprice2062
    @jonnyprice2062 2 роки тому

    Love your channel! Keep up the good work :)

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

  • @htan1900
    @htan1900 3 роки тому

    Great video again Rachel!

    • @rachelhow
      @rachelhow  3 роки тому

      Yay, thank you Hannah!!

  • @behnamrmz
    @behnamrmz 2 роки тому

    Very useful 😍Thanks Rachel

    • @rachelhow
      @rachelhow  2 роки тому

      Thanks for watching, Behnam!

  • @B-Tank123
    @B-Tank123 3 роки тому

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

  • @jswanson859
    @jswanson859 3 роки тому

    I found some new tips! Thanks for sharing.

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

  • @asmitjoy9452
    @asmitjoy9452 3 роки тому

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

  • @milovoyages
    @milovoyages 2 роки тому

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

  • @fatimayasara7674
    @fatimayasara7674 2 роки тому

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

  • @nithyasrimanikandan5835
    @nithyasrimanikandan5835 3 роки тому

    Such an informative video! Thank you so much for sharing

    • @rachelhow
      @rachelhow  3 роки тому +1

      Thank you for watching, Nithyasri! :)

  • @duamath
    @duamath 3 роки тому +1

    Tip 6: so lit!!

    • @rachelhow
      @rachelhow  3 роки тому +1

      Yo thanks for watching Mike!

  • @annak8627
    @annak8627 2 роки тому

    You're fantastic! Thanks a lot!

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

  • @paoxiaolin
    @paoxiaolin 3 роки тому

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

    • @rachelhow
      @rachelhow  3 роки тому

      Thank you for watching :)

  • @lauranuedaromero1648
    @lauranuedaromero1648 2 роки тому

    This is gold! Thank you

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

  • @xxxDoku
    @xxxDoku 2 роки тому

    thank u!!!!!! very useful

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

  • @Alif2018-d4s
    @Alif2018-d4s 3 роки тому

    Omg just subscribed your channel!😍

  • @JS-ot5or
    @JS-ot5or 3 роки тому

    Wonderful Video!😇 Learn a lot!

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

  • @jejuisl7411
    @jejuisl7411 2 роки тому

    Amazing

  • @roboexperts7337
    @roboexperts7337 7 місяців тому

    informative

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

  • @femila.g
    @femila.g Рік тому

    Wow 👌 👏

  • @susannahdestudio9666
    @susannahdestudio9666 3 роки тому

    Amazing!!!!!

  • @soontiago
    @soontiago 2 роки тому +1

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

  • @Mirelly
    @Mirelly 3 роки тому

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

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

  • @dalperm.9688
    @dalperm.9688 Рік тому

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

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

  • @YenzSchmidt
    @YenzSchmidt 3 роки тому

    Weil done!

  • @technobitepanda9153
    @technobitepanda9153 Рік тому

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

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

  • @brijeshmkt
    @brijeshmkt 3 роки тому

    at 2.32 how did u duplicate the boxes?

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

  • @mayankbundheliya4199
    @mayankbundheliya4199 3 роки тому

    make a video of Figma useful plugins.

    • @rachelhow
      @rachelhow  3 роки тому

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

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

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

  • @dimaryl1658
    @dimaryl1658 Рік тому

    What button is called ''option''

    • @rachelhow
      @rachelhow  Рік тому

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

  • @runyalen
    @runyalen 11 місяців тому

    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  11 місяців тому

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

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

  • @shama.saravu
    @shama.saravu 2 місяці тому

    ctrl + Y is not working

  • @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 ❤️

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