Figma Pro Pt. 1: Auto Layouts, Grids & Components

Take your Figma skills to the next level by mastering the building blocks of responsive design and scalable UI systems. In this course taught by Daniel Scott, you'll dive deep into auto layout, spacing strategies, and powerful component workflows that mirror the methods used by top UX professionals. By the end of this course, you’ll be able to: Build robust, responsive layouts using nested auto layouts and constraints. Use design spacing best practices for mobile and web UI. Create and manage reusable components and variants efficiently. This course is designed for learners who already have a foundational understanding of Figma, self-taught designers looking to formalize their workflows, or experienced UX/UI practitioners seeking to refine their layouts and component logic. To succeed, you should be comfortable with Figma basics such as frames, layers, and simple prototyping. You’ll gain advanced layout skills that make your designs easier to maintain and scale—while also working faster and smarter with professional shortcuts, grid systems, and responsive logic. Instructor Bio: Daniel Walter Scott is a digital designer, Adobe Certified Instructor, and founder of Bring Your Own Laptop (BYOL). With over 14 years of teaching experience, he has helped thousands of learners worldwide master design and creative software across print, web, video, and now 3D. Daniel is an Adobe Certified Expert and Adobe Certified Instructor who combines industry expertise with a teaching style that’s practical, engaging, and memorable. Originally from New Zealand, Daniel has lived and taught across Australia, Ireland, and beyond—sharing his skills with a truly global creative community. He’s passionate about helping students build real-world skills they can carry into their careers and creative projects. When he’s not teaching, Daniel enjoys life with his Irish wife and kids. He brings this personal, down-to-earth perspective into his courses, making complex tools feel approachable and fun to learn

• Build robust, responsive layouts using nested auto layouts and constraints
• Apply spacing best practices for mobile and web design
• Create and manage reusable components and variants efficiently
• Improve design speed with professional shortcuts and grid systems
• Understand responsive design logic

• Basic familiarity with Figma concepts and UI design
• Preparedness for applied practice and exercises
• Understanding of common design terminology