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
Watch video Advanced Figma Components Tips & Tricks online without registration, duration hours minute second in high quality. This video was added by user moonlearning 11 April 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 25,38 once and liked it 1 thousand people.