Overview

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.

Syllabus

Getting Started with Figma Pro Tools

Start your journey toward becoming a Figma Pro with a deep dive into advanced interface design strategies. In this module, you'll get oriented with the course, review essential tool settings, and explore the fundamentals of Auto Layout and responsive design. You'll also develop discernment around the strategic use of components for scalability.

Spacing, Constraints & Layout Mastery

Precision layout is what separates good design from great design. In this module, you'll refine your approach to spacing and layout using best practices for UI design. Learn to master constraints vs. Auto Layout, and apply your skills in a hands-on responsive navigation project.

Power User Productivity & File Mastery

This module is all about leveling up your speed and control within Figma. You'll learn insider tricks for frames, fields, file management, and visual zooming to create a smoother workflow. You'll also evaluate UI choices like dark vs. light mode to align your design with modern platform standards.

Responsive Constraints & Grid Systems

Dive deep into responsive layout logic by mastering Figma’s grid systems, constraint behavior, and nested frames. This module will help you build flexible, scalable design systems and includes two guided projects to reinforce your learning through application.

Widgets, Plugins & Custom Variants

Enhance your Figma experience with advanced plugins and widgets. Learn how to extend your design toolkit with resources like Iconscout, and explore the power of color variants and automation through widgets—turning complex manual tasks into simple, scalable systems.