Figma is free to use. Sign up here: [ Ссылка ]
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: [ Ссылка ]
Learn more about auto layout on our Help Center: [ Ссылка ]
Check out our previous auto layout video tutorials:
- Auto layout review card iterations: [ Ссылка ]
- Card component with auto layout: [ Ссылка ]
- Auto layout navigation menu: [ Ссылка ]
- Auto layout button: [ Ссылка ]
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 [ Ссылка ]
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: [ Ссылка ]
Music promoted by Audio Library [ Ссылка ]
Figma tutorial: What’s new in Auto layout #Config2022
Теги
tipstricksUI designux designapp designfigma designdesign for figmaFigJam tutorialprototypingcollaborationUX tutorialDesign tipswhiteboardFigma tutorialConfigConfig 2022design systemauto layoutnew auto layoutauto layout updatesproduct:figma_designaudience:designerlanguage:englishformat:standardproduced_by:marketingtheme:basicsevent:configseries:nonetype:otherlevel:intermediateprimary_feature:auto_layoutsecondary_feature:variants