Overview

In Part 3 of the Figma UI UX Design Essentials series, with Daniel Scott as your instructor, you’ll bring your designs to life through interactive prototypes and learn how to prepare your work for seamless developer handoff. This course focuses on building real-world UX workflows—teaching you how to create engaging animations, smart transitions, and micro interactions that elevate your user experience. You’ll also learn how to share and collaborate with stakeholders, developers, and clients, using Figma’s built-in tools for comments, version history, and developer inspection. Dan walks you through advanced techniques like interactive components, flow mapping, and using Figma for responsive design—all in an easy-to-follow, project-driven format. By the end of this course, you’ll not only be able to build high-fidelity prototypes, but you’ll also understand how to hand off your work professionally. Whether you're preparing for a UX design role or building your freelance portfolio, this final installment will help you move from a capable designer to a confident, job-ready pro. 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

Advanced Scrolling and Navigation in Figma

Master advanced scrolling techniques and interactive navigation in Figma. You'll learn how to pin navigation bars, create smooth anchor link scrolls, and design horizontal swipe gestures. These tools help you guide user flow more effectively and build more responsive prototypes.

Team Collaboration and Libraries

Explore how to work efficiently as part of a design team. This module covers the structure of Teams, Projects, and Files in Figma, and introduces shared libraries that streamline collaboration and ensure consistency across your design system.

Advanced Animation Techniques

Bring your UI to life with advanced animations. You’ll learn how to create custom transitions, use easing curves, and differentiate between animations and micro-interactions. This module also includes hands-on projects to help you build dynamic, engaging prototypes.

Micro Interactions in Figma

Delve into the details of micro-interactions that elevate user experience. This module teaches how to build interactive components, toggles, and animated menus—adding intuitive feedback and polish to your designs. You'll complete a project that puts these techniques into practice.

Exporting and Sharing Your Work

Learn how to prepare and present your Figma designs for feedback, review, and development. You’ll explore best practices for customizing file thumbnails, exporting assets, and sharing your designs professionally with clients and stakeholders.

Finalizing and Launching Your Design

Wrap up the course by preparing your project for handoff and launch. This module focuses on collaborating with developers, applying design system principles, and delivering a polished, handoff-ready file. You'll finish by submitting a complete project that showcases your full design process.