When you enroll in this course, you'll also be enrolled in this Specialization.
Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate
There are 5 modules in this course
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.
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.
What's included
5 videos1 reading1 assignment1 discussion prompt
Show info about module content
5 videos•Total 39 minutes
Intro to the Figma Advanced Course•3 minutes
Getting Started in Figma Advanced Course•2 minutes
Auto Layout & Responsive Design 101: It's use in responsive design•16 minutes
Designing in Figma with Auto Spacing in Auto Layouts•12 minutes
When and when not to use Components in Figma•6 minutes
1 reading•Total 30 minutes
Project Instructions•30 minutes
1 assignment•Total 30 minutes
Module 1 Quiz•30 minutes
1 discussion prompt•Total 10 minutes
New Discussion Prompt•10 minutes
Spacing, Constraints & Layout Mastery
Module 2•1 hour to complete
Module details
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.
What's included
5 videos1 assignment1 discussion prompt
Show info about module content
5 videos•Total 23 minutes
What is good spacing to use in Figma•7 minutes
What spacing should I use for web & app design in Figma•5 minutes
Auto Layout vs Constraints in Figma•5 minutes
Autolayout shortcuts: Tips and tricks to work with Auto Layout faster•3 minutes
Class Project 01 - Responsive Lower Navigation•3 minutes
1 assignment•Total 30 minutes
Module 2 Quiz•30 minutes
1 discussion prompt•Total 10 minutes
New Discussion Prompt•10 minutes
Power User Productivity & File Mastery
Module 3•1 hour to complete
Module details
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.
What's included
6 videos1 assignment1 discussion prompt
Show info about module content
6 videos•Total 26 minutes
How to handle files in Figma and become a File Handling Master•7 minutes
How to use advanced Copy, Paste, and Selection Tricks in Figma?•7 minutes
How to do crazy things with your Figma fields?•4 minutes
Frame Tricks: Tips and Tricks to work with Figma frames effectively•5 minutes
Advanced Zooming Techniques for precision work in Figma•2 minutes
Light or Dark vs System Theme: Which one to use in Figma?•2 minutes
1 assignment•Total 30 minutes
Module 3 Quiz•30 minutes
1 discussion prompt•Total 10 minutes
New Discussion Prompt•10 minutes
Responsive Constraints & Grid Systems
Module 4•1 hour to complete
Module details
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.
What's included
8 videos1 assignment1 discussion prompt
Show info about module content
8 videos•Total 35 minutes
Class Project 02 - Event Card Constraints•1 minute
Class Project 02 - Event Card Constraints - Completed•9 minutes
Grid v Constraints v Autolayout in Figma: Which one to use and when?•5 minutes
How to copy & paste grids and export grid styles in Figma•5 minutes
How to add rows and column grids to one layout in Figma•4 minutes
How to update Grid Styles in Figma•2 minutes
Grids inside of frames that aren't the main frame•4 minutes
Class project 03 - Event Branding•4 minutes
1 assignment•Total 30 minutes
Module 4 Quiz•30 minutes
1 discussion prompt•Total 10 minutes
New Discussion Prompt•10 minutes
Widgets, Plugins & Custom Variants
Module 5•2 hours to complete
Module details
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.
Skillshare is an online learning community where you can take classes from real working creatives. Unlock personal and professional growth, build your skills, make connections, and find your happy place.
When will I have access to the lectures and assignments?
To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
What will I get if I subscribe to this Specialization?
When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.
Is financial aid available?
Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.