Figma Auto Layout | Getting Started with Auto Layout
Jesse Showalter Jesse Showalter
390K subscribers
304,268 views
0

 Published On Mar 24, 2021

Figmas new Auto Layout feature is an absolute game changer! Auto Layout allows you to create complex layouts that respond as the frame grows or shrinks. Figma Auto Layout mimics CSS Flexbox and because of that it's incredible smart. In this video I cover the basics of Auto Layout as well as some advanced techniques like nesting auto layouts inside of other auto layouts. Remember to Subscribe https://goo.gl/6vCw64

🏆 //////////// Join this channel to get access to perks:
   / @jesseshowalter  

0:00 - Intro
0:35 - Starting File
1:18 - Use Frames
1:54 - Make a Button with Auto Layout
2:51 - The Parent Frame
3:46 - Auto Layout Options
4:50 - Padding & Alignment
5:52 - Packed vs Space Between
7:15 - A more complex example
8:15 - An even more complex example
10:55 - Children Filling the Container
11:20 - Customizing the list
12:44 - Outro

------------------------------------------------------------------------------------

💰 //////////// Want to start trading Bitcoin and other Cryptocurrency? I use Coinbase
https://www.coinbase.com/join/showat_d

🤝 //////////// Looking for 1:1 mentorship or feedback on your portfolio?
Book a session with me on Superpeer: https://superpeer.com/jesseshowalter

👋 ////////// Connect with me here
Instagram:   / imjesseshow  
Twitter:   / imjesseshow  

📫 ////////// Sign up for my Monthly Newsletter
www.jesseshowalter.com/newsletter

------------------------------------------------------------------------------------

💻 ////////// I host all my websites with Hostinger
https://www.hostg.xyz/SH5fF

🎵 ////////// Elevate your videos with record-label quality music from Musicbed
http://share.mscbd.fm/imjesseshow

📸 ////////// The Equipment I use
https://www.amazon.com/shop/jesseshow...

show more

Share/Embed