Figma Tips & Tricks - UI Designer's Superpower

Поделиться
HTML-код
  • Опубликовано: 18 окт 2024

Комментарии • 276

  • @seljiang
    @seljiang 5 лет назад +423

    Most you tubers would split this into 20 videos but you made it into one with absolute no fluff.
    Real MVP

  • @SugarTouch
    @SugarTouch 5 лет назад +136

    These are the MOST USEFUL TIPS I EVER SEEN IN ANY TUTORIAL for the last 20 years !
    Thank you !

    • @hugoschmitt1772
      @hugoschmitt1772 4 года назад

      Yes, just content content content. Like, this is the future I want for the internet. Imagine learning this from a book - would take you hours. I almost impulse bought the full course and I'm not even a designer. Congratulations to the creator.

    • @bishalghimire
      @bishalghimire 4 года назад

      Also, Sugar Touch : I am 19 years old 🙈

  • @fajleyrabbe2930
    @fajleyrabbe2930 4 года назад +25

    2:49 Superfast Scubbing
    4:04 Moving the selection
    9:47 Select Loked Layer
    11:55 Copy and Pasting Tips
    12:50 Group Selection
    13:50 Pasting value from CSS
    19:40 Advanced Layer renaming
    25:00 Share File

  • @laboriefabien
    @laboriefabien 4 года назад +25

    I consider myself an expert in Figma but I still learned a lot of really useful things in there. Thanks for the video!

  • @ericamburroughs
    @ericamburroughs 3 года назад +1

    I wish I watched this in my last UX job. This video addresses all of the essentials such as overlaying while swapping, saving with description, and saving swatches. I am taking on a new job, so I am glad I watched this to help me.

  • @Karlbrentwood
    @Karlbrentwood 4 года назад +2

    After using Figma for two months now, my mind was blown a couple of times by his tips. My favorites are using the pink circles to re-arrange grouped elements and the swap feature in prototyping for states.

  • @jesbinjr4844
    @jesbinjr4844 2 года назад

    honestly the best soft tutorial ive ever seen. short and straight to the point ! i love it

  • @atulmy
    @atulmy 4 года назад +2

    Probably need to watch and rewatch this video multiple times. Thanks for this!

  • @mxtnr
    @mxtnr 4 года назад +1

    Awesome video for advanced users starting working with Figma.
    What I learnt (highlights):
    - Space is for holding selection and move it straightforward
    - Cmd + D is for right duplicating previous copy-pasted item with the same translation offsets
    - Cmd + / is for menu
    - Nudge (menu) is for tuning the Shift- delta

  • @xuzx2099
    @xuzx2099 4 года назад +4

    I’m grateful have found this video , really helpful!

  • @swordartdesign
    @swordartdesign 4 года назад +2

    What can i say, some heroes wear cap, some wear mask, but this hero just upload his tutorials and save alot of lifes.
    Thank you!!!!

  • @sudarshankj
    @sudarshankj 3 года назад

    This is pure gold without any junk! Thank you for this

  • @Ashkaanaak
    @Ashkaanaak 4 года назад +2

    Great work. Just a quick tip, you can create text, colour and effect styles so you won't need to use "select similar font" ever again unless you use somebody else's design. You can keep you styles organized by typing the parent category then slash. for instance: Primary Color / Dark Orange, or for text styles would something like following H1 / Bold, H1/ Light, H1/Regular, etc.

  • @nathykk
    @nathykk 3 года назад +1

    This video doesn't have the amount of likes it deserves. Excellent content, great screenplay, beautiful layouts, flawless preparation of every aspect of the file. It helped me enormously, I can't thank you enough.

  • @darmayuda9236
    @darmayuda9236 4 года назад +6

    For me who new in figma, this tutorial make me mind blowing 🔥🔥

  • @trevorgilchrist6677
    @trevorgilchrist6677 4 года назад +2

    Figma is incredible. This video is incredible. Thank you.

  • @zokheedcovers
    @zokheedcovers 3 года назад

    I didn’t even want to blink watching this - I want every second of it 😳

  • @anaibrahim4361
    @anaibrahim4361 2 года назад

    pure gold , insanely impressive tut bro thanks

  • @robbyemerton8424
    @robbyemerton8424 5 лет назад +36

    Heeey! "... because developers don't really like to talk." "Just kidding, I know they like to talk... about code". ROFL. Great video, thanks G.

    • @cyrilmmojekwu9331
      @cyrilmmojekwu9331 4 года назад

      My next best part is 11:00 click click click, you just have to click on the elememts to....

  • @ravikanthvipparthi3000
    @ravikanthvipparthi3000 2 года назад

    It really worked for me after I look and try some tutorials, yours is the one that worked. Owe you a lot.

  • @noman.digital
    @noman.digital 4 года назад +2

    00:35 #2 Default Layer Names: I think Figma has developed. It there now.
    Big thanks for the video thought :D

  • @sakets
    @sakets 2 года назад

    This is by far the most useful tips video for figma. Great speed, no BS, info one after other. You got me subscribed.

  • @lottefritzsch5566
    @lottefritzsch5566 2 года назад

    this is sooooo much easier than what i've been doing thank youuuu

  • @benjaminko7812
    @benjaminko7812 4 года назад +2

    this is the most epic tips that makes me want to switch from Sketch to Figma immediately!

  • @luiscamino
    @luiscamino 5 лет назад +2

    this is incredible. as soon as my colleagues get up to speed with Figma I'm going to send them straight here

  • @JelleineJoie
    @JelleineJoie Год назад

    Your workflow would 100% improve after watching this video! 💯

  • @AlexHuneycutt
    @AlexHuneycutt 5 лет назад

    This is a huge help. There aren't enough resources out there for learning Figma in the same way that Adobe XD has. With everybody claiming Figma is better, makes me wonder why everybody on RUclips uses XD anyway.

  • @EyalShahar
    @EyalShahar 4 года назад +1

    I thought I knew it all, but 90% of this was new to me. Great hacks!

  • @marimur6718
    @marimur6718 4 года назад +2

    I love this, super funny speakerteacher :)

  • @gornersisyan2177
    @gornersisyan2177 4 года назад

    Really These are the MOST USEFUL TIPS I EVER SEEN IN ANY TUTORIAL for the last 2 years ! Thank You

  • @MINILOKA_HD
    @MINILOKA_HD 2 года назад

    Great tutorial, links and program worked fine for me. Thanks for sharing.

  • @dayswithpt5965
    @dayswithpt5965 4 года назад +1

    This is BY FAR the BEST and most USEFUL tutorial I ever did seee!!! Amazing! Thank you so much!! You have saved me a ton of time :D

  • @qdrawli
    @qdrawli 3 года назад

    Supercharged how to guide. Loved it.
    Well done.

  • @Luna_Novaa
    @Luna_Novaa 9 месяцев назад

    One of the best tutorials I have seen so far thanks

  • @georgekrax
    @georgekrax 4 года назад +2

    Awesome video! Learned so much in such a short time. Continue working on your awesome work, and please make more videos & tutorials with Figma

  • @cascee
    @cascee 4 года назад

    wow....MINDBLOWN. Im making the switch to Figma..super excited!

  • @Xijbor
    @Xijbor 4 года назад

    What a pragmatic video tutorial!
    Saw some designer friends share it on Linkedin and decided to continue the sharing.
    Big thank you!

  • @gabrielapavlova725
    @gabrielapavlova725 4 года назад +1

    Thank you for this video! It’s very helpful!
    Just a little add - for making cover images for the file (19:24) there is another way - make frame in any page you want and with right click in the menu there is an option “set as thumbnail”.

  • @samuelgodis6902
    @samuelgodis6902 4 года назад +1

    The UI used in this video is 🔥🔥🔥 thank you so much for sharing these tips.

  • @tolkien11
    @tolkien11 3 года назад +1

    This was great. I cant believe Figma is this awesome. Just wow!

  • @taraslesko9427
    @taraslesko9427 5 лет назад

    This is easily the best tips & tricks video for the world's best design tool. Well done!

  • @fcoveram
    @fcoveram 4 года назад

    I enjoyed every second of this video. Nothing insignificant. Thanks

  • @ganesanganesan1979
    @ganesanganesan1979 4 года назад

    Really Really Awesome!!! After watching a few beginner tutorials... I stumble upon your video.... not only it helps me it gives me a much better understanding of what can be done and how it can be done. Really grateful!
    One of the most valuable tips tutorials I have watched in 2020!!

    • @LearnUX
      @LearnUX  4 года назад

      Glad to hear that, thanks!

  • @baronjokes
    @baronjokes 5 лет назад +3

    Really excellent video. Many thanks.
    However, I would like Figma to include even more ways to quickly replace component instance content with randomly generated images/text. The plugins help (unsplash + lorem ipsum generators are wicked), but it would be great to define images and text frames as automatically generating random content when they're duplicated. Having to create a set of instances and then click inside each to select images + text frames can be tedious with large work files.
    Smarter columns + rows would be lovely as well. Something akin to Webflow whereby content can push other blocks around automatically inside a box model would be very awesome.
    Have been really enjoying my time so far with Figma and I expect lots more to come!

  • @ggsingla
    @ggsingla 3 года назад

    Totally worth every second 😍😍

  • @yellingbytes
    @yellingbytes 5 лет назад +2

    thanks man #figma knows the soul of designers

  • @michalguy
    @michalguy 4 года назад

    This is how every single tutorial on the internet should be made. Awesome.

  • @Jorcap
    @Jorcap 4 года назад +2

    Used to design websites with dreamweaver over 10 years ago, switched to Photoshop, but still sucked. Got Sketch and loved that, but Figma just makes me melt.

  • @wise_nut
    @wise_nut 4 года назад +1

    Oh wow, just finished watching it. It's like 1000% improved Sketch + faster speed + Abstract + Sketch Runner + Any other Sketch plugins @_@ GGGOOOODDD Everyone should transfer to Figma

  • @steffenkautz1460
    @steffenkautz1460 3 года назад

    I had to rewatch a lot of parts bit by bit, but this really helped me a lot. Cheers!

  • @jamespilz1514
    @jamespilz1514 4 года назад

    bad ass figma tips FORESURE! thanks for these tips!!!!

  • @joenotaverage
    @joenotaverage 5 лет назад +1

    I love you man, love love your quick tips... More please. Thank you 👍🏾

  • @sirazul438
    @sirazul438 3 года назад

    i am learning so this is just superb useful for me bcoz most of the video people don't say this ,they just do

  • @kvaibz1147
    @kvaibz1147 2 года назад

    Amazing!! Finally found a good video!

  • @ayeshaparyani376
    @ayeshaparyani376 4 года назад

    This is actually like 20 generic tips videos smashed into one! Thank you very much 🔥

  • @gummasimeon533
    @gummasimeon533 2 года назад

    Woah, great video mate!

  • @mayank_upadhyay_19
    @mayank_upadhyay_19 3 года назад +1

    Insane amount of data 👌

  • @younesssahid318
    @younesssahid318 2 года назад

    So informative, thanks a lot!

  • @erezbenkimon3899
    @erezbenkimon3899 4 года назад

    I have seen aloooooot of Figma tutorials, THIS IS THE BEST ONE. no doubt!

  • @marjon_
    @marjon_ 4 года назад +2

    Woah, next level shortcuts! 🔥

  • @shivanikalkeri2370
    @shivanikalkeri2370 3 года назад

    The best video so far :) Thanks

  • @blazejbch
    @blazejbch 4 года назад

    Many thanks for this condensed portion of knowledge!

  • @radcliffesaddler3811
    @radcliffesaddler3811 4 года назад +1

    Thank you for this video. I have never used Figma. I always made my mockups in the Sketch app but after seeing what you did with the arc tool at 1:53 I will definitely try it out.

  • @WandersonJacksonn
    @WandersonJacksonn 5 лет назад +1

    Man, this is the best figma tips video ever Ö=

    • @HUTIENLAN
      @HUTIENLAN 4 года назад

      can you copy the color and paste it on selected object by pressing control + c?

  • @annawiercigroch7504
    @annawiercigroch7504 3 года назад

    Great turtorial!

  • @pascall.4335
    @pascall.4335 4 года назад +2

    this is seriously dope! thank you for all the effort, this ups my game by a long shot

  • @jens8954
    @jens8954 3 года назад

    You just nailed it with this video!!! Thank a lot!

  • @saigo5369
    @saigo5369 4 года назад

    Superhelpful tips...loved it

  • @googlyeyes2758
    @googlyeyes2758 3 года назад

    *This video is insightful-thank you!!!* *Thumbs up and subscribe!*

  • @julie8297
    @julie8297 4 года назад +2

    "This guy" ))))

  • @vonung95
    @vonung95 2 года назад

    ITS REALLY WORKED LOL THANK YOU DUDE

  • @RelannaCR9
    @RelannaCR9 2 года назад

    thanks for an insightful video!

  • @reneacosta8920
    @reneacosta8920 2 года назад

    TNice tutorials video really helped! Thank you ❤

  • @mervetatar2470
    @mervetatar2470 3 года назад

    All of these are sooo useful! Thank you so much!

  • @milindkhadse556
    @milindkhadse556 3 года назад

    This is very helpful information thank you.

  • @yuliastorozhuk
    @yuliastorozhuk 4 года назад

    The most useful video I've found so far. Thanks a lot!

  • @bhavyalalwani5565
    @bhavyalalwani5565 3 года назад

    I literally wan to copy and paste this in my brain rn!

  • @Meepers13556
    @Meepers13556 3 года назад

    wow, i'm new to figma and all these tips are mind blowing

  • @elcasa6587
    @elcasa6587 4 года назад +1

    Thank you for the video. I am just learning Figma (UXUI) and I really appreciate your lessons. Can you send the link for the previous tutorial videos for designing this project and doing the wireframes?

  • @stormmorrisby5788
    @stormmorrisby5788 Год назад

    Thank you! This is wowzers !

  • @AbhimanyuSirothia
    @AbhimanyuSirothia 5 лет назад

    This video is seriously awesome! Makes you a Figma Power User immediately! 👍🏼😊

  • @yuanma6989
    @yuanma6989 3 года назад

    Amazing tutorial! Thank U

  • @edwardaraya8621
    @edwardaraya8621 3 года назад

    Wow. I am a beginner but Im sure this tips and tricks will be added to my work flow soon. Thank you,=.

  • @vikikova1040
    @vikikova1040 4 года назад

    Great video!
    Thank you a lot for inspiration!

  • @CoryTheSimmons
    @CoryTheSimmons 4 года назад

    Liked, subscribed, looked at course. Thank you for making a video that is actually good.

  • @siddharthaneupane3721
    @siddharthaneupane3721 3 года назад

    Thank you for these.

  • @headwayio
    @headwayio 4 года назад

    Love this! 🙌 Your designs are super cool too.🔥 Making us hungry over here! 😅

  • @amayamangaldas6709
    @amayamangaldas6709 3 года назад

    Thank youuuuuuuu this is a goldmine!!!

  • @vicoaradya9810
    @vicoaradya9810 4 года назад

    Very useful bro. Keep it Up !!

  • @ishahkhan
    @ishahkhan 3 года назад

    Useful tips. Thanks a lot

  • @sanjaynegi1375
    @sanjaynegi1375 3 года назад

    No doubt, you are good in figma. I enjoyed your video.👌👌

  • @rafiaazharsyed8329
    @rafiaazharsyed8329 3 года назад

    this was such an amazing and useful window, thanks :)

  • @FastShortsTube
    @FastShortsTube 2 года назад

    thank you so much. it's very help fully.

  • @eduulloa98
    @eduulloa98 4 года назад +1

    I thought I knew how to use figma, guess I was wrong. Learned a lot, thanks!

  • @shahnanigans2943
    @shahnanigans2943 3 года назад

    This is an awesome tutorial. And funny to boot.

  • @coralcohen1680
    @coralcohen1680 4 года назад

    This video is absolutely amazing!!! THANK YOU!!!! I learned so much

  • @baybulatov
    @baybulatov 4 года назад

    Was very helpful for me, thanks!

  • @alexisfy
    @alexisfy 5 лет назад

    You just earned a loyal subscriber.

  • @PTHVNofficial
    @PTHVNofficial 5 лет назад +2

    Very useful, thank you!

  • @hanygaber1474
    @hanygaber1474 2 года назад

    you deserve a lot more subs