Summary
Keywords
Full Transcript
In this lesson, we’ll learn how to build reusable design elements that automatically grow and shrink to fit different screen sizes and content lengths. We’ll create a responsive button element using auto layout, then turn it into a component that we can reuse throughout our final portfolio design. Playlist of full course here → http://bit.ly/4lPoklZ If you’re interested in learning more about button design best practices, check out our Design your first button project on the Figma Help Center: https://help.figma.com/hc/en-us/articles/14078912322199-Design-your-first-button Feel free to make a copy of the Figma community file to check out the final design and additional resources: https://www.figma.com/community/file/1499455316701927850/figma-design-for-beginners-2025-course-assets Visit https://help.figma.com to view a written version of this course, along with up-to-date information on specific features. Timestamps: 00:00 Intro 00:30 Button preview 01:05 Auto layout overview 02:33 Auto layout simple example 03:05 Auto layout complex example 03:54 Resizing options 05:03 Create a button using auto layout 09:04 Create the button component 09:58 Outro #Figma #design #beginners #tutorial #course ____________________________________________________ Find us on ⬇️ X (formerly Twitter): https://x.com/figma Instagram: https://www.instagram.com/figma LinkedIn: https://www.linkedin.com/company/figma TikTok: https://tiktok.com/@figma Figma forum: https://forum.figma.com/
