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

As usual, Figma did not fail to impress and come out with some fantastic new features and hidden gems hiding in plain sight. So here are my top Tips & Tricks to make life with Figma even more fun!

00:33 - Responsive Figma grid with constraints
01:25 - Press spacebar to ignore auto-layout
01:48 - cmd + L to quick copy file links
02:09 - Quick embed files and prototypes outside of Figma
02:58 - Nudging objects, text, line-height, and color
04:15 - Scrubbing fields
04:36 - Copy as PNG without exporting
05:10 - Component naming with pages and frames
06:13 - Screenshot right into Figma
07:00 - Copy editable SVG directly from the browser into Figma
07:36 - Deep detach multiple instances
08:03 - Right click for object hierarchy tree
08:24 - Add properties to unions
08:49 - Bulk sort and move styles quickly in the properties panel
09:20 - Use descriptions for styles
09:42 - Add _ for private styles
10:02 - Save images as styles
10:15 - Use color names
10:30 - Quick "auto width" text with double click
10:40 - Toggle between design & prototype with cmd+E
10:55 - Set any frame as a thumbnail
11:10 - Hide cursors of others
11:29 - Use % as line-height
11:56 - Before you go

[jdaviesttm]

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

[csabahorvath]

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

[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

[yashvirchawla]

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!

[angelherrera]

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

[asheshroy]

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.

[TyranVz]

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

[imtiahmed]

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

[oZenakos]

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

[nhanchanhung]

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

[rtspringer]

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.

[palashroy]

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

[djashawe]

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! 😊💯

[mrfriki]

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

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

[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?

[easternpromises]

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.

[oussamabouyardane]

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

[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!