Figma for Edu: Learning Auto Layout workshop

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 ⬇️

[SkArifHossain]

Figma's Auto Layout feels like design magic—everything snaps into place effortlessly! And thank you Miggi for explaining auto-layout in a simple way ♡

[leahmarie]

Your awesome! You always find a way to simplify complex design features and processes and translate them into a language that we can all understand! Love how you show and explain scenarios that are relatable and manageable too!

[sreelakshmin]

Thank-you so much Figma for bringing us such a great mentor🙏🏻

Please release explanation videos for all figma properties.

[AlamDigitalSolutions]

It would be really helpful to understand all the new tools and workflows. Looking forward to more great content !

[Wulfia]

Thank you, this has clarified a lot for me

[B-Kn]

Please make a detailed video on components

[cortneyreber]

Love this! Thank you. It would be wonderful to see YouTube chapters created on this video for quicker reference.

[baltasarhaugland]

hi! i dont have the ui3 beta "rename layers"? I have an edu plan, so it should work right?

[AmiyaSparks-kl]

I don't have rename layers shortcut on my figma :( I have an educationnal account for school, how can i go about it?
thank you for the video btw!

[JennyChillingworth]

I don't have the view property labels option in my dropdown menu. Any ideas?

[hamna_aslam]

i couldn't see constraints option

[anjumayoub]

Can we have a feature like "Fix Auto Layout"?

[pjf]

Please update your software prototype settings to include the iPhone 16.

[MrCloudTel]

I think it will be best to teach slide and have Q/A than going frount and back trying to answer everone ( each topic at a time and it's Q/A )