Figma UI UX Design Advanced by Daniel Walter Scott
Duration:9 hours
Release date:2025, December
Publisher:Udemy
Skill level:Advanced
Language:English
Exercise files:Yes
Software:Figma
Course URL:https://www.udemy.com/course/figma-ui-ux-design-advanced-tutorial
This course is for designers who already know their way around Figma but want to stop fighting the tool and start building like a pro. You’ll move past basic frames and prototypes to create a complete, production-ready design system. Expect to get hands-on with variables, advanced components, and responsive auto layouts that actually work. By the end, you’ll have a polished app prototype and a workflow that saves you hours.
🎯 What you’ll learn
- Build a complete, multi-themed design system using variables for colors, spacing, and modes.
- Master advanced animation techniques, including custom easing, Houdini text, and interactive components.
- Create responsive layouts that adapt automatically using nested auto layouts and constraints.
- Use AI-powered tools inside Figma to speed up your workflow and generate interactions.
- Implement accessibility checks and developer handoff using Dev Mode and team libraries.
✅ Requirements
- Skills: Basic understanding of Figma (UI, frames, layers) is required.
- Tools: A copy of Figma (free plan available). Some features require a paid plan or trial.
- Hardware: A computer capable of running Figma in a browser or desktop app.
📝 Description
This isn’t a “watch me click around” course. You get a real project brief and a persona from the start. The goal is to build a complete app that’s ready to drop into your portfolio. Dan Scott, the instructor, focuses on practical, production-ready workflows.
You’ll start by using AI inside Figma to generate a first draft and suggest layouts—saving you hours, not minutes. Then, it’s straight into the heavy lifting: auto layout, constraints, and nested components. You’ll learn how to build pages that flex and adapt automatically, no matter the screen size or content length.
The real power comes when you tackle variables. You’ll use them to create light and dark modes, compact and comfortable spacing, and even cart totals that update in real-time. This leads directly into building your own design tokens—a system that keeps your entire project consistent and easy to update. You’ll also master advanced animation, from custom easing curves to Houdini text masks and interactive components that feel alive.
The course doesn’t stop at design. You’ll cover accessibility checks, collaboration with team libraries, and developer handoff using Dev Mode. You’ll learn how to refactor components, manage version history, and export production-ready assets. It’s the full pipeline, from concept to handoff.
🧑🎓 Who this course is for
- UX/UI designers who already know Figma basics and want to level up to a professional workflow.
- Self-taught Figma users looking for structured, advanced training to fill in the gaps.
- Graduates of a Figma essentials course who are ready to build complex, responsive design systems.
🧑🏫 About the Author
Daniel Walter Scott is a certified Adobe Instructor (ACI) and Adobe Certified Expert (ACE) with over 14 years of experience in design and training. He founded Bring Your Own Laptop (BYOL), a platform known for practical, no-fluff digital media courses. Dan has taught over 889,000 students on Udemy and understands the real-world challenges designers face. His teaching style is direct and focused on building skills you can use immediately on the job.
🏁 Final Result
- A complete, professional-grade app design system with light/dark modes and responsive layouts.
- A polished, interactive prototype ready for user testing and developer handoff.
- A portfolio-ready project demonstrating advanced Figma skills, from variables to complex animations.
Channel
