Download the community file here and follow along [ Ссылка ]
In this Figma for Edu monthly workshop we cover Auto Layout.
Auto Layout is a powerful feature in Figma giving you the ability to create designs that grows to fit content responsively. In this workshop we will give an overview of Auto Layout, share some examples, and cover new Auto Layout features released this year that will speed up your workflow. This is an intermediate level workshop and assumes that you are comfortable working in Figma Design.
00:00 Intro
00:43 What is Auto Layout?
04:25 Enabling Auto Layout frames
08:50 Removing Auto Layout frames
11:57 Suggest Auto Layout
15:52 Auto Layout button example in depth
23:45 Differences between typical Auto Layout and Suggest Auto Layout
29:05 Auto Layout settings and controls
36:44 Direction, alignment, padding, spacing
43:44 Annotation tool in DevMode
45:32 Auto spacing
46:49 Adjust stacking
49:45 Auto layout resizing
59:26 Question and Answer
____________________________________________________
Find us on ⬇️
X (formerly Twitter): [ Ссылка ]
Instagram: [ Ссылка ]
LinkedIn: [ Ссылка ]
TikTok: [ Ссылка ]
Figma forum: [ Ссылка ]
Figma for Edu: Learning Auto Layout workshop
Теги
figmadesignproduct designtipstricksUI designux designapp designfigma designdesign for figmaFigJam tutorialprototypingcollaborationUX tutorialDesign tipsFigma tutorialConfigdesign systemtutorialproduct:figma_designaudience:generallanguage:englishformat:standardproduced_by:figma_for_edutheme:otherevent:noneseries:figma_for_edutype:workflow_tutoriallevel:noneprimary_feature:auto_layoutsecondary_feature: