Figma Auto Layout (2023) | Figma Tutorial

UPDATE! Watch the 2025 Auto Layout updated video: https://bit.ly/42O4pLM

Figma’s recently launched new updates on Auto Layout that have the potential to make a significant impact on the way we use this tool to work.

In this video, we will look at what auto layout is, define restrictions to make components responsive, explore the new wrap feature, and set maximum and minimum sizes to create our breakpoints.
We will do an exercise to follow along. You will be able to create it from scratch but if you want, you can access the file also in the link down below.

👉 Link to file: https://www.figma.com/community/file/1269325803813605511

Chapters
0:00 Intro
0:29 Auto layout before
0:54 New auto layout feature
1:42 How to use auto layout
3:30 Create the first card
7:40 Define auto layout restrictions
15:35 Wrap feature to responsive layout

#figma #autolayoutfigma #figmatutorial

Thanks for watching this video. If this video add value to you please make sure you subscribe the channel, like and comment the video so that I can keep up with content like this to help you become a better designer. 🙌

👉Subscribe Envato for unlimited downloads resources: https://1.envato.market/zaNvOM
👉Try Adobe for free https://adobe.prf.hn/click/camref:1100luj8w
👉Host your website with Hostinger https://www.hostg.xyz/aff_c?offer_id=6&aff_id=151637
👉Tubebuddy - The ultimate Youtube creators tool https://bit.ly/tubebuddyRicardo

Connect with me on social media
👉 Instagram https://www.instagram.com/ricardocostadesign
👉 Facebook https://www.facebook.com/ricardocostadesigner
👉 Linkedin https://www.linkedin.com/in/ricardocostadesign
👉 Twitter: https://www.twitter.com/ricardocostaeu
👉 TikTok: https://tiktok.com/@ricardocostadesign