Article version of this video: www.moonlearning.io/articles
Full courses and working files: www.moonlearning.io
Try Figma for free to follow along: bit.ly/moonlearningfreefigma
Get Figma Professional: bit.ly/moonlearningprofession...
Want to stay up to date on new developments, tips and tricks? Make sure to follow me!
Follow me on LinkedIn: / christinevallaure
Moonlearning Newsletter: www.moonlearning.io/newsletter
Follow me on Twitter: / moonlearning
Follow me on Instagram: / moonlearnin. .
And don't forget to subscribe right here on KZfaq for more!
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 my full courses with Figma working files on: www.moonlearning.io
00:00 - Introduction to moonlearning.io
00:22 - Open Dev Mode Directly in VS Code
00:37 - Shift+D to Toggle Dev Mode
00:46 - Toggle Auto Layout ‘Auto’ with Cmd + X
01:13 - Variable Scoping in Bulk
01:30 - Quickly Create Variables with Shift + Enter
01:47 - Alias Variables
02:01 - Styles to Variables Converter quickly convert styles to variables
02:50 - Boolean Variables Magic with Modes
03:39 - Variant and Props Playground
04:00 - Press R to Reset Prototypes
04:09 - Shift + Space for In-File Preview
04:16 - Applying Min and Max to Parent Frames
04:36 - Hold and Slide to Lock All Layers
04:47 - Alt + L to Collapse All, Enter to Select Children
05:01 - Multiple Grids within a Single Grid Style
05:19 - Prototyping Flow Links for Overview
05:39 - Presentations with Scrollable Prototypes
06:06 - Set Rules for Slot Components with Preferred Values
06:25 - Cmd + Y to Clean Up
06:37 - Copy as PNG Without Exporting
07:03 - Use % for Line-Height
07:32 - Variables or Styles Cheatsheet
08:20 - More Tips and Tricks