Advanced Figma Components Tips & Tricks

Full course and working files: https://www.moonlearning.io/Figma-com...
Try Figma for free to follow along: https://bit.ly/moonlearningfreefigma
Get Figma Professional: https://bit.ly/moonlearningprofession...
Access all my premium UX/UI and Figma online courses from only 18€ a month: https://www.moonlearning.io

learn more about syncing data in Figma:
YouTube tutorial and free Figma file:    • Sync and trigger Figma Components, Va...  
Smashing Meets talk and free Figma file:    • Designing with Real Data with CHRISTI...  

Advanced Figma components and tricks:

00:00 - Introduction to moonlearning.io
00:23 - Quickly Select Matching Layers across Variants
01:01 - Using Overlay Comparison in Instances to Review Shared Library updates
01:23 - Use Nudge for Consistent Spacing and Padding in Components
02:05 - Overlay comparison on instances for library updates
02:45 - Link Figma Components to a Code Base Effortlessly
03:19 - EightShapes Specs Plugin: Faster Documentation for Your Designs
03:49 - Moving Figma Components Between Files While Maintaining Instance Connections
04:48 - Swap Figma Libraries to Create a Testing Environment
05:15 - Apply Styles and Auto Layout Settings to Your Main Component, Never Your Instance!
05:42 - Use Real Data in Your Figma Instances: Google Sync vs. Kernel
06:41 - Use Props and 'Preferred Values' When Creating Slot Components
07:31 - Easy Organizing and Naming with Sections
08:49 - Know when to Use Properties and When to Make Changes to the Main Component
09:43 - Creating Figma Components from Existing Pages via URLs in Seconds with the html.to.design Plugin
10:26 - Stay in touch!

www.moonlearning.io