2 Views· 12/05/24· Tutorials

Figma tutorial: What’s new in Auto layout #Config2022


designvp
Subscribers

Figma is free to use. Sign up here: https://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: https://www.figma.com/communit....y/file/7844482206782

Learn more about auto layout on our Help Center: https://bit.ly/3MZRhtp

Check out our previous auto layout video tutorials:
- Auto layout review card iterations: https://youtu.be/q2h72oKSjcA
- Card component with auto layout: https://youtu.be/WuKnJFxrxNg
- Auto layout navigation menu: https://youtu.be/bh98SF7OjUk
- Auto layout button: https://youtu.be/PNJxeD29ZTg

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 https://spoti.fi/34tPBBO
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: https://bit.ly/underground-stars
Music promoted by Audio Library https://youtu.be/vpJDMD2EzkA

Show more

Up next


0 Comments