Motion Design with Figma Animations, Motion Graphics, UXUI (2025-4) by Andrei, Yihua

Static mockups don’t get you hired anymore. This course shows you how to use Figma to design interfaces that move, respond, and feel real, using Smart Animate, transitions, and motion graphics across 5 hands-on projects.

🎯 What you’ll learn

• Use Figma like a pro for UI design, UX design, web design, and mobile app design
• Apply motion design principles, timing, easing, and best practices to real interfaces
• Build animated prototypes with Smart Animate in Figma
• Create micro-interactions, transitions, parallax effects, and button animations
• Add motion graphics and animations to client-ready projects
• Structure UX/UI case studies and build a professional design portfolio
• Follow a practical design process from brief to polished prototype

✅ Requirements

• Skills: Basic computer skills, no prior motion experience needed – familiarity with Figma basics helps
• Tools: Free Figma account, modern web browser
• Hardware: Any modern laptop or desktop that can run Figma in browser

📝 Description

This isn’t theory-first motion stuff. You learn by building. Every concept is tied to a screen you’re actually designing, wiring up, and playing with in Figma.

You’ll start with the essentials – layout, components, and prototyping setup – then get straight into movement. How long should a transition be? When do you use Smart Animate vs. a simple dissolve? How do you make a button or card feel snappy without being annoying? You’ll test it, tweak the easing, and see the difference right away.

Then it gets fun: micro-interactions, page transitions, parallax scrolling, loading states, and full app flows. The course walks you through 5 complete projects, so you’re not just watching – you’re shipping animated prototypes you can click through and show to clients or hiring managers.

By the end you also get a portfolio system provided for you to customize. So instead of ending with random exercises, you leave with proof you can do UX/UI plus motion – which is exactly what makes a portfolio stand out right now.

🧑‍🎓 Who this course is for

• UI/UX designers who want to add motion to their work without learning After Effects
• Web and mobile designers stuck with static mockups and wanting interactive prototypes
• Beginners in design who want a project-based way into Figma and motion design
• Freelancers and job-seekers who need animated work samples for their portfolio

🧑‍🏫 About the Author

Daniel Schifano is a product designer working in the industry and instructor for this course. He focuses on practical Figma workflows, prototyping, and interaction design used in real product teams.

His teaching style is straight to the point: short lessons, real briefs, and lots of building. Instead of lecturing on theory, he shows how motion decisions affect usability, feedback, and client presentation – the stuff you actually need on the job.

🏁 Final Result

• 5 completed animated Figma projects including mobile and web prototypes with transitions and micro-interactions
• A customizable design portfolio ready to fill with your work and share with clients or employers