Figma tutorial: What’s new in Auto layout

Figma is free to use. Sign up here: bit.ly/3msp0OV
We've announced some new updates on auto layout at Config 2022, including negative spacing, absolute position, and more! In this tutorial, we’ll walk you through what’s new and what’s changed in auto layout.
* Update: You can now apply spacing mode options with Gap between items. For space-between, type or choose "Auto". For packed, enter a number.
Play with auto layout with our community files: www.figma.com/community/file/...
Learn more about auto layout on our Help Center: bit.ly/3MZRhtp
Check out our previous auto layout video tutorials:
- Auto layout review card iterations: • Figma tutorial: Auto l...
- Card component with auto layout: • Figma tutorial: Card c...
- Auto layout navigation menu: • Figma tutorial: Auto l...
- Auto layout button: • Figma tutorial: Auto l...
00:00 Intro
00:15 What's new in auto layout
00:30 New to auto layout? Check out our previous tutorials
01:00 Link to playground file
01:06 Tutorial overview
01:59 Update to layer ordering
02:33 Negative spacing
03:00 Canvas stacking order
04:10 Text baseline alignment
05:21 Update to resizing options
06:00 Canvas controls
06:52 Update to padding and alignment controls
07:46 Absolute position
09:26 Tip for updating resizing options
10:52 Tip for adjusting spacing mode
12:42 Strokes occupy space
13:40 Absolute position Bonus
14:33 Use the card design for the UI of the mobile app
15:09 Recap
#Figma #Config #Config2022 #FigJam #Tutorial #NothingGreatIsMadeAlone
Music:
Underground Stars by Loxbeats spoti.fi/34tPBBO
Creative Commons - Attribution 3.0 Unported - CC BY 3.0
Free Download / Stream: bit.ly/underground-stars
Music promoted by Audio Library • Underground Stars - Lo...