Figma in 5: Tricks on Fire 🔥

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

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

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

    Hey everyone! This is a re-upload due to an issue with the original upload. If you're enjoying Figma in 5, be sure to subscribe to the channel to be notified for future videos!

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

    That batch rename. Holy cow. I've been using Figma for years

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

    I very much admire your willingness to build a community. Let nothing stop you

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

    Option + Double clicking an image to crop is precisely what my life has been missing

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

    Loved it, it just reinforced and helped me revise everythingI I've learnt from your channel in the last 6 months

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

    Always a pleasure to follow you. Even the things we knew seem new.

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

    This is going to speed up the design process 1000% Thanks!!!

    • @Figma
      @Figma  4 ปีที่แล้ว

      You're welcome, Romana! Let us know what parts of Figma you'd like to learn tips for next.

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

    Just amazing... thanks for the free class .. It's awesome kind of learn in 7 minutes what should take years

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

    Sweet! thanks! I've made notes about each of these tips and will share them with my design team

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

    Yes Rogie! Incredible video. I feel reborn.

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

    Two notes on the Interface Scaling.
    1. On Windows we don't have that weird top menu bar, so in order to find the View section, you must go into the "Search" hamburger menu.
    2. Once you do that, you won't actually find View > Interface Scale section. Nor will you be able to search for it by typing "Interface scale".
    The only solution I found is to use the shortcut keys as per the help pages on Figma's website (which claims all of what I just wrote is wrong, so let me know if I'm mistaken):
    Reset to Default: Ctrl + Alt + 0
    Make Larger: Ctrl + Alt + =
    Make Smaller: Ctrl + Alt + -

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

    Shift Enter! 🤘😝🤘 been looking for this one

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

    Very helpful! Please keep making these. Loved the way you explained, quick and precise.
    Thank you 🙏

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

    You've had me on "Double clicking the layer icon"

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

    To be frank, Figma does a great job in detail, which impresses people!

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

    There are so many cool tricks!!!

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

    ✌️✌️Loved it. Need more of these.

    • @Figma
      @Figma  4 ปีที่แล้ว

      You got it, Sachin! Rogie has a lot of Figma in 5 episodes planned. Is there a particular category/area of Figma features you'd like to see an episode on?

    • @SachinGawas
      @SachinGawas 4 ปีที่แล้ว

      @@Figma Thanks. I would love to see the use of Auto-layout to design more complex UI components.

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

    Thanks for these awesome tips ! I didn't know about the custom nudge amount, this is gonna fit well with my design system's spacing :)

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

      Glad to hear it! It's been a lifesaver for me - especially when doing really small bits of design like icon work.

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

    my MAN!

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

    That was amazing. More like this, please 🙏

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

    Thank you! Great video.

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

    Rogie ur the man

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

    Select all child items is so simple??? Amazing!!! Thank you so much!!!

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

    🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥

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

    Very helpful and cool! Thank you

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

    Só much useful information!!!!

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

    Wow! You´re amazing!!!! Tksss soo much!!

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

    First thing in the morning I am making a shortcut to this video on my desktop. I think I can do that - I've never done it before!

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

    Pro tips...👍✨🧠

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

    5:50 that inner shadow trick is litterally life saver 🔥🔥

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

    Damn, this Figma in 5 series IS on fire! Thank you, guys!

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

    I love seeing this potential glimpses of updates to Figma's UI 😜
    Rogie - Curious what tool you're using for screen recording with the keystrokes. Currently I use Kap (for Mac)

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

      I'm sure it will change, but currently I'm using Screenflow. How do you like Kap?

    • @megaroeny
      @megaroeny 4 ปีที่แล้ว

      @@rogieking8773 for a free tool, can't beat it IMO. So many awesome plugins too, including one to show your keystrokes. The only thing is some of them are buggy/currently don't work (like the Camera recorder). Hopefully, they get fixed.

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

    incredible episode

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

    shift + return is super useful

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

    Full of Tips!

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

    That rename trick is just lifesaver...it is very useful while making variants
    Amzaing

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

    5:44 Negative inner shadow to achieve a bottom-border: Figma meanwhile supports defining a stroke for particular sides (left, top, right, bottom). No more need to use that workaround.

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

    Genius.

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

    Game changer

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

    If you guys had a way of having lasso tools, Poly, OMG photoshop would be finished. I LOVE FIGMA.

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

    Miss your live session 😟

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

    Sir, how can avoid an instance jumping into its default component state when it's in prototype mode??

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

    I would like to know about the numbered list creation. I am not sure why sometimes it has the default padding before the number in text input. But the rest of the list don't have the padding and I can't remove it, no matter how many time I retype.

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

    It'd be nice to have windows 10 shortcut keys in these videos too. Not everyone has macbooks

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

    Selecting parent with Shift+Enter is a pain, it would be much easier with Esc. Please consider changing it.

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

    What is the keyboard shortcut 'Command + Y' used in windows?

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

      Hello, Shift + O should do the trick!

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

    The nudge!!!!!! 😭 Do you have any idea how much time was wasted by nudging 10px to the right and 2px to the left to get an 8px! And the 0.5px lifesaver...Thanks Rogie!!

  • @a.skapil4645
    @a.skapil4645 3 ปีที่แล้ว

    Intro style reminds me of Ryan Reynolds cool attitude from FREE GUY😊

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

    Figma in 5: Just The Tips

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

    hey rogie, what's that cool song you used for the intro?

  • @omidr.g7409
    @omidr.g7409 4 ปีที่แล้ว +4

    Please add an option to zoom by only scrolling. PLEASE ! So many 2D programs have this option and the muscle memory is already there.

    • @rogieking8773
      @rogieking8773 4 ปีที่แล้ว

      Curious how this works in other apps? How do you vertically scroll?

    • @omidr.g7409
      @omidr.g7409 4 ปีที่แล้ว

      @@rogieking8773 I never scroll to pan the screen; Just hold the scroll wheel to pan. Of course this might be uncomfortable for some people, which is why I said "Please add an option" instead of "make it work that way"

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

    Damnn these were good

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

    Is it just me or are the timestamps all wrong in this video? I'm asking cause they would be very useful.

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

    What's that thing on the wall there?

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

    interface scale is missing in windows version and figma web 💔

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

      You can change the entire size in chrome with View> Zoom in/out. Next video, I'll be working on getting more in sync with Windows for y'all! I'm listening :)

    • @realmeee
      @realmeee 4 ปีที่แล้ว

      @@rogieking8773 appreciate it ! great video though ❤

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

    How to crop in Figma??

  • @DennisS-h4b
    @DennisS-h4b 4 ปีที่แล้ว

    3:27 What about that dragging using Wacom pen? Have you ever tried to do this trick in Figma?
    Anyway, thanks for your tricks, some of them are very nice though.

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

    I've just boosted my productivity by 30%.

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

    _Tidy Up_ doesn't work with more than 100 elements (e.g. icons). Too bad. :-(

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

    Green lights plus green plants = weed house

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

    and once again, where is Dark Mode? :D

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

      We want it. We need it.

  • @Yeims1
    @Yeims1 4 ปีที่แล้ว

    What about Windows users? We don´t have the command button.

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

      Usually for shortcuts, command is ctrl in Windows. Try ctrl+\ (or ctrl+p if you have a non US keyboard) and write "keyboard" then press enter, you will see a new panel with all available shortcuts.

    • @Yeims1
      @Yeims1 4 ปีที่แล้ว

      @@sebastiangutierrezcorrea379 thank you!

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

    .....we want the tip 😬 lol

  • @meteoricrahmani442
    @meteoricrahmani442 4 ปีที่แล้ว

    Would please make a tutorial foe anima in figma
    Please

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

    I will be a fart, If I don't watch this before getting pro in Figma

  • @murraywestenskow2896
    @murraywestenskow2896 4 ปีที่แล้ว

    I got to thinking I was pretty good at Figma - after watching this - I realize I suck. So technically - your "how to" Figma video's are making me worse.

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

      You spelled "I am a Figma God" wrong ;)

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

    At 5:21 I changed the names of the layer components, but I can't do it with \d{3}