Master Figma Auto Layout (Complete Tutorial)
Coaching: https://www.upwork.com/services/consultation/1861120548537214221 Courses: https://www.udemy.com/user/boroji-design/ Become a member: https://www.youtube.com/channel/UCBHbG8_XnEAkdmeMQ6LS90A/join #figmatutorial #autolayout #figmaforbeginners 0:00 Intro 0:11 Break down the design in Figma 0:43 Create contrast between text layers 1:06 Adjust Figma padding size 1:27 Dynamically resize text layers in Figma 1:58 Shortcut to duplicate layers in Figma 2:23 Nest auto layout frames inside auto layouts wrap 3:11 Dynamically resize auto layout layers in Figma 4:00 Combine auto layout wrap with more auto layout frames 4:21 Copy properties from auto layout frames in Figma 4:51 Copy properties from text layers in Figma 5:32 Move auto layout child elements 5:54 Understand auto layout hug property 6:06 Fix dynamic text resizing in Figma In this video, we will cover: - What Auto Layout is and why it’s a game-changer for UI/UX design - How to set up Auto Layout frames and components - Tips and tricks to make your design process more efficient using Auto Layout - Real-world examples to solidify your understanding - Best practices for using Auto Layout
Download
0 formatsNo download links available.