Discover the fundamentals of motion design and interaction design with Figma in this immersive course. Through hands-on exercises, you will learn to bring interfaces to life with smooth animations and interactions. Whether you’re a beginner or refining your skills, this course provides essential tools for dynamic and intuitive user experiences. You will explore motion design principles, master Figma’s animation tools, create engaging transitions, and build interactive prototypes. By the end, you’ll develop a fully animated prototype and understand best practices. 

This course is ideal for participants who already have a basic knowledge of Figma and want to go further and discover new tools around animation. 

INTRODUCTION AND FUNDAMENTALS

• Overview of the training and objectives
• Introduction to the concept of user experience
• The importance of motion design and interaction design in UI/UX
• Key principles of motion design (anticipation, fluidity, duration, visual hierarchy)
• Define where and how integrate interaction elements and smooth motions

• Introduction to Figma’s animation tools (Smart Animate, transitions between screen,...)

GETTING HANDS-ON WITH ANIMATIONS AND INTERACTIONS

• Creating basic animations: fade-in, move, scale
• Working with triggers (hover, click, drag, delay, etc.)
• Animating interactive components and button states

• Practical exercises and hands-on mini-project

BUILDING ADVANCED INTERACTIVE PROTOTYPES

• Creating a fully animated interactive prototype
• Introduction to Lottie and how to use it for exporting animations for development
• Testing and validating animations for accessibility

• Practical exercises on full interface

SPLINE, 3D ANIMATION TOOL

• Overview of Spline, 3D web animation tool
• Exploring the main interface and features.
• Play with simple geometric elements

• Practical exercise

At the end of this course, you will:

• Understand the Fundamentals of Motion Design
• Master Interaction Design in Figma

• Create and Integrate Simple Animations in Figma
• What's UX and how motion design is part of it
• Explore Advanced Animation Tool like Spline
• Refine Skills for Seamless Animation Integration in UX/UI Projects

Introduction to concepts and practical exercises