Learn Figma Auto Layout (Including Config updates) - Everything you need to know! | Figma Autolayout
17.7K views · 2023-10-30
UI Design
Config 2024 version - https://youtu.be/r966BWVccJ4
🚨Follow along with this Figma file -
https://www.figma.com/community/file/1300766589538695319
Thanks for watching, TD 💛
☕️ Buy me a tea → https://buymeacoffee.com/tdsunshine
🔎 Get 20% off Mobbin → https://mobbin.com/tdsunshine
👾 My gear & links → https://linktr.ee/tdsunshine
☆ Try Figma For *Free* - https://psxid.figma.com/xnd9l
🍿 _WHAT TO WATCH NEXT_ :
1. *Variables 101* - https://youtu.be/TGinpYnwu2A
2. *Colour System* - https://youtu.be/qPL3ubdlkRM
3. *Variable Modes | Config Updates* - https://youtu.be/fB-4ikrt3mk
🌼 _CHAPTERS_ :
00:00 Big Mistake!
00:22 What is an Auto Layout
01:02 Auto Layout Properties
01:29 Layout
02:34 Gap/Spacing
04:36 Padding
05:36 Alignment
06:07 Advanced settings
08:02 Making a button
08:46 Resizing (hug, fix, fill)
14:15 Absolute position
16:35 Min/Max Width/Height
19:29 EXHALE
🤗 Disclosure: This video and description may contain affiliate links, meaning I'll receive a small commission if you click on one of the product links. I'm also an Amazon Associates affiliate and will earn a commission on qualifying purchases. 💛 This is at no additional cost to you.
#figmatutorial #figmadesign #figma_tutorial #figmatutorial #figmatips #figma #figmaupdate #config #config2023 #figma2023
🚨Follow along with this Figma file -
https://www.figma.com/community/file/1300766589538695319
Thanks for watching, TD 💛
☕️ Buy me a tea → https://buymeacoffee.com/tdsunshine
🔎 Get 20% off Mobbin → https://mobbin.com/tdsunshine
👾 My gear & links → https://linktr.ee/tdsunshine
☆ Try Figma For *Free* - https://psxid.figma.com/xnd9l
🍿 _WHAT TO WATCH NEXT_ :
1. *Variables 101* - https://youtu.be/TGinpYnwu2A
2. *Colour System* - https://youtu.be/qPL3ubdlkRM
3. *Variable Modes | Config Updates* - https://youtu.be/fB-4ikrt3mk
🌼 _CHAPTERS_ :
00:00 Big Mistake!
00:22 What is an Auto Layout
01:02 Auto Layout Properties
01:29 Layout
02:34 Gap/Spacing
04:36 Padding
05:36 Alignment
06:07 Advanced settings
08:02 Making a button
08:46 Resizing (hug, fix, fill)
14:15 Absolute position
16:35 Min/Max Width/Height
19:29 EXHALE
🤗 Disclosure: This video and description may contain affiliate links, meaning I'll receive a small commission if you click on one of the product links. I'm also an Amazon Associates affiliate and will earn a commission on qualifying purchases. 💛 This is at no additional cost to you.
#figmatutorial #figmadesign #figma_tutorial #figmatutorial #figmatips #figma #figmaupdate #config #config2023 #figma2023