Advanced Figma Tips & Tricks | 2022 - by moonlearning.io

[@jdaviesttm]

This was unreal, not just the tips but the production of the video and voice over - really loved it! Thanks a lot

[@csabahorvath1492]

Finally, a teaching video where the voice has a great quality, not rushed, but clearly understandable. So people with no English mother tongue can understand, and can focus on the content instead of focusing on understanding the narration. Thanks! Subscribed. :)

[@moonlearning]

Thank you! more coming!

[@yashvirchawla1844]

I'm a product designer working in Figma from sometime, some of the tricks are going to help me save alot of time + will make the experience with Figma better! Thank u!

[@imtiyazahmed3357]

I have to be very very honest! This was far by one of the best educational video on tips and tricks! I didn't know almost 90% of the tricks you showed! Most of them are such a time saver! Especially the 'copy frame directly' trick, damn! Great job and you deserve a like and a subscribe ❤️❤️❤️

[@angelherrera4984]

The structure and production of the video is awesome, very easy to catch!

[@moonlearning]

Thanks so much!

[@nhanchanhung]

at first i thought just the old tips and tricks but wow. really helpful. thank you

[@yvonephilipnicanor]

back in and recently got soft soft again, it felt strange and i had previously just taught myself the software. Finding your videos is helping

[@SarahAndBoston]

Amazing video, I learned so much!

[@paulwatson-work3544]

Great video, really useful, thanks

[@rtspringer1]

Thanks so much for this. I did notice that the Ctrl-L feature doesn't work on the browser figma but does work on the desktop version.

[@moonlearning]

Thanks for pointing that out!

[@habanerodesigns]

The voice over is amazing

[@juliomayorgaubiria2560]

the shift + e one 🤯🤯🤯

[@AbdulSalam-gt3ro]

Your Tips have changed my life

[@moonlearning]

Well I hope to the better ,)

[@palashroy9925]

Lots of learning points there. I love it. Thanks.

[@oZenakos]

Too many gems!! thanks a lot for this you got my Sub for sure :)

[@djashawe88923]

Thanks a lot for this high quality content and the video. It's organized, informative, and fun to watch. I just subscribed to your channel and smashed the like button! Thumbs up! 😊💯

[@TyranVz]

wow, just wow! I learned so much here. Thank you

[@moonlearning]

Thank you!

[@fromtheotherlane369]

This is too good! Thank you!

[@BradBreneisen]

Excellent! Really nice work.

[@scottishwildcat]

Re scrubbing, you can also change the scrub speed by moving the mouse vertically away from the text field as you scrub (a bit like video scrubbing on iOS)... the double-headed cursor arrow will change size as you do so.

[@shs-]

Amazong video, Thanks for sharing.

[@mrfriki]

Very good content, well done and to the point. Thanks!

[@imamimroni8343]

I’m overwheld it’s soooo much

[@kp63988]

Thanks for sharing.

[@asheshroy5038]

Thank you for making this video. I am to able to know some advance tricks in Figma. Some of the shortcut keys you told is working in my windows laptop. Any suggestion to work it out.

[@abdullahalmamun8264]

Lovely!

[@easternpromises7991]

Wish I knew how to use grid constraints resizing within a component without turning it into fixed dimensions frame. I'd like to keep "hug contents" for height so I could past several instances inside an auto-layout frame one under another and make the whole column responsive.

[@moonlearning]

You can totally do that with nested auto layout, then set the margin to the gutter and place the parent frame with left-right constraints into the grid! I will have a deep dive course on that on www.moonlearning.io in a bit

[@mischugo]

Great presentation. SUper pace and most of the english even I understand ;-) Two questions: 1. is the method left + right with grid more useful than AutoLayout? 2. organization of the components. Unfortunately I didn't understand that completely. At 5.43. What is organized here when I move icons into a button frame?

[@moonlearning]

1. It is basically the difference between constraints (with left+right you use constraints and the grid becomes the parent container) and auto layout. There is no better or worse, it depends what you are after. You could setup your cards (as in my example) with auto layout and then place them with constraints within the grid. You can fake a grid with nested auto layout but it hits its limitation when you want to use uneven numbers, lets say you want your text to occupy 8 out of 10 columns, you cannot test this behaviour with auto layout alone. 2) try it out! make two frames, name then and add a component. Make sure to open the assets tab then move the components between the frames and you will see that instead of "/" naming it simply takes the name of the frame. Hope that helps! I will have two new courses on moonlearning.io soon about auto-layout constraints and responsive design as well as working with components where I will go into more depth make sure to sign up for the newsletter.

[@mischugo]

@@moonlearning WOW - Thanks for detailed answer ❤️ I would like to try this. Figma brings very good features. Unfortunately, not always explained optimally. And often without describing the disadvantages or EInschränkungen. Especially when you want to bring new features to existing kits. I'm currently biting my teeth to work with the component properties. Also, thanks for the very clear language and quality. Something like this is rare

[@oussamabouyardane2431]

1:25 Now we don't need this trick anymore because the last update was so good! They added the absolute position!!

[@moonlearning]

Exactly, as mentioned earlier, I have an update video here: kzbin.info/www/bejne/iZi6ppyvo9CtkNk

[@megadeath666666]

I love your voice ♥️

[@yashdeepdesign]

Shift + ctrl + cmd +4 is not working on windows can you help me with this shortcut key how do I take Screenshot?

[@aga_borzyszkowska]

Imagine Headspace, but for Figma. Voila!

[@moonlearning]

haha thanks!

[@handle_xx]

I was going to throw my iPad right after knowing the Space bar thing to ignore auto layout. Aaaaaaaaaaaaaaa why I didn’t knewww before 😤😭

[@moonlearning]

oh sorry to take away the joy right away (or add more probably!) this is already outdated because there was an auto layout update and you can now relative position elements. I wrote an article and its number 9 medium.com/user-experience-design-1/new-figma-auto-layout-in-5-min-b68cc1b6941f

[@akatsux5058]

--- I got a good computer

[@fewchrr]

lmao facts

[@Underhills]

2022 and something as basic as page folders are still non existing in Figma. Still those neverending pages with no organising. Adobe will fix this when it gets part of CC I hope.

[@whatayoutubification]

So posh

[@moonlearning]

I studied in Hogwarts

[@garycreatives7668]

bad

[@erezbenkimon3899]

really really good video, very helpful ! thanks