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

Full course and working files: https://www.moonlearning.io
Try Figma for free to follow along: https://bit.ly/moonlearningfreefigma
Get Figma Professional: https://bit.ly/moonlearningprofession...

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!
Make sure to visit the full course with figma working files on: https://www.moonlearning.io
For Mac to PC shortcut help: https://shortcuts.design/tools/toolsp...

00:00 - Introduction to moonlearning.io
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

Make sure to visit the full course on: https://www.moonlearning.io
Follow me on medium:   / christinevallaure