Micro-Interactions Courses and Certifications

Wrong Akram

Micro Interactions Using Anime.js - HTML, CSS & Javascript

Learn to create engaging micro-interactions using Anime.js, HTML, CSS, and JavaScript. Explore XState for state management, SVG filters for visual effects, and animation techniques inspired by Dribbble designs.

• YouTube
• 34 minutes
• On-Demand
• Free Video

Adobe

Adobe XD Masterclass - Creating Advanced Micro-Interactions with Component States - Episode 2

Learn advanced micro-interactions in Adobe XD with Howard Pinsky. Master component states, hover effects, and animated elements to enhance your UI/UX design skills.

• YouTube
• 29 minutes
• On-Demand
• Free Video

Wrong Akram

How to Code Dribbble Inspired Micro Interactions Using Framer Motion - Tutorial

Learn to create engaging micro-interactions inspired by Dribbble designs using Framer Motion in this hands-on tutorial, enhancing your React and animation skills.

• YouTube
• 33 minutes
• On-Demand
• Free Video

JSWORLD Conference

Micro-Interactions with React Spring

Explore micro-interactions using React Spring with Emma Bostian. Learn to enhance user experience through subtle animations and interactive elements in React applications.

• YouTube
• 22 minutes
• On-Demand
• Conference Talk

Adobe XD: UX/UI Design Essentials

47 ratings at CreativeLive

Adobe XD: UX/UI Design Essentials with Daniel Walter Scott

• CreativeLive
• 11 hours 4 minutes
• On-Demand
• Paid Course

UI Animation using Sketch 3, Principle App, and Flinto

1105 ratings at Udemy

Learn to prototype UI animations and micro-interactions using Sketch, Flinto, Principle, Marvel & Invision Craft Plugin

• Udemy
• 8 hours 44 minutes
• On-Demand
• Paid Course

Level Up Your UI/UX: Interactive Design & Prototyping Figma

148 ratings at Udemy

From Static to Interactive: Master UI/UX with Figma Prototyping

• Udemy
• 1 hour 23 minutes
• On-Demand
• Paid Course

Figma Pro: Advanced Prototyping and Animation Mastery Course

143 ratings at Udemy

Learn Advanced Motion Method & Interactions in Figma & Creating Web Pages in Figma With 10+ Projects of Real Projects

• Udemy
• 8 hours 6 minutes
• On-Demand
• Paid Course

Figma UI UX Design Essentials Pt.3: Prototypes & Handoff

Master advanced Figma prototyping, animations, and developer handoff techniques to create professional, interactive designs ready for real-world implementation.

• Coursera
• 7 hours 44 minutes
• On-Demand
• Paid Course

Coursera

Interaction Intelligence: Advanced Prototyping with Figma

Master sophisticated Figma prototyping with advanced animations, micro-interactions, and complex user flows to create realistic, high-fidelity interactive experiences.

• Coursera
• 4 hours 4 minutes
• On-Demand
• Paid Course

Figma Micro Interaction Design Training

Master micro interaction design in Figma to create intuitive interfaces with toggle switches, interactive navigation, and seamless user flows that enhance engagement and usability.

• Coursera
• 1 hour 44 minutes
• On-Demand
• Paid Course

Coursera

Interaction Architect: Dynamic Prototyping in Sketch

Master advanced Sketch prototyping by designing intuitive navigation, micro-interactions, and responsive interfaces while building a high-fidelity GreenLeaf Grocers app prototype.

• Coursera
• 5 hours 44 minutes
• On-Demand
• Paid Course

Interaction Design: Interface

524 ratings at LinkedIn Learning

Explore the basics of interaction design for user interfaces. Discover how to effectively use color, type, iconography, illustrations, and micro-interactions in your designs.

• LinkedIn Learning
• 33 minutes
• On-Demand
• Free Trial Available

Animate React Apps with Framer Motion

77 ratings at egghead.io

Learn to create engaging React animations using Framer Motion. Add smooth transitions, interactive elements, and dynamic effects to enhance user experience and bring your applications to life.

• egghead.io
• 33 minutes
• On-Demand
• Free Online Course

awwwards.

Practical Tips for Great UI Animation

Discover practical tips for enhancing UI micro-interactions, understanding animation's importance, and exploring essential UI animation tools with InVision Studio Platform's Design Lead.

• YouTube
• 35 minutes
• On-Demand
• Conference Talk