Mastering Animations in Figma by Building 7 Common UI Animations
jurn.io
Mastering Animations in Figma by Building 7 Common UI Animations
Creating animations in Figma can be difficult at first. We recreate some of the most common animations in Figma to teach you everything you need to know!
Mar 5, 2023
Figma Tutorial
Figma Mobile App Design Tutorial
46:31
Figma Mobile App Design Tutorial
YouTubeHyginus Ukeh - Building
1.6M viewsMay 30, 2020
Figma Tutorial: Overlays
10:20
Figma Tutorial: Overlays
YouTubeFigma
603.4K viewsDec 3, 2018
Figma Tutorial: Variants
14:16
Figma Tutorial: Variants
YouTubeFigma
1.3M viewsOct 28, 2020
Top videos
🎬 Animation Tutorial in Figma — For Web Design Products Static designs are fine. But motion? That’s what makes a product feel alive. ⚡✨ With Figma’s Smart Animate Prototyping tools, you can: ✅ Create smooth transitions between pages ✅ Animate buttons, overlays & UI elements ✅ Show real interaction flow for clients & devs ✅ Bring your web design to life — no code needed Whether you're working on landing pages, SaaS platforms, or e-commerce — motion sells the experience. 📌 Learn how to make your
0:47
🎬 Animation Tutorial in Figma — For Web Design Products Static designs are fine. But motion? That’s what makes a product feel alive. ⚡✨ With Figma’s Smart Animate Prototyping tools, you can: ✅ Create smooth transitions between pages ✅ Animate buttons, overlays & UI elements ✅ Show real interaction flow for clients & devs ✅ Bring your web design to life — no code needed Whether you're working on landing pages, SaaS platforms, or e-commerce — motion sells the experience. 📌 Learn how to make your
FacebookUXUI Collective
28.7K views7 months ago
Animated UI Transitions with Figma
0:12
Animated UI Transitions with Figma
TikTokitsdesignely
11.8K views1 month ago
How to create Pulsing Animation in Figma | UX design
7:51
How to create Pulsing Animation in Figma | UX design
YouTubeUX with Bhumika
476 viewsNov 22, 2023
Figma Design Tips
Food App Design in Figma | Figma Tutorial | UX/UI
58:32
Food App Design in Figma | Figma Tutorial | UX/UI
YouTubeUX World
595.3K viewsAug 22, 2021
How to Design Mobile Travel App in Figma | Figma Tutorial
39:44
How to Design Mobile Travel App in Figma | Figma Tutorial
YouTubeUX World
65.9K viewsMay 9, 2021
Design animated slides on Figma | Beginner tutorial
14:51
Design animated slides on Figma | Beginner tutorial
YouTubeRachel How
223.8K viewsAug 17, 2021
🎬 Animation Tutorial in Figma — For Web Design Products Static designs are fine. But motion? That’s what makes a product feel alive. ⚡✨ With Figma’s Smart Animate Prototyping tools, you can: ✅ Create smooth transitions between pages ✅ Animate buttons, overlays & UI elements ✅ Show real interaction flow for clients & devs ✅ Bring your web design to life — no code needed Whether you're working on landing pages, SaaS platforms, or e-commerce — motion sells the experience. 📌 Learn how to make your
0:47
🎬 Animation Tutorial in Figma — For Web Design Products Static desig…
28.7K views7 months ago
FacebookUXUI Collective
Animated UI Transitions with Figma
0:12
Animated UI Transitions with Figma
11.8K views1 month ago
TikTokitsdesignely
How to create Pulsing Animation in Figma | UX design
7:51
How to create Pulsing Animation in Figma | UX design
476 viewsNov 22, 2023
YouTubeUX with Bhumika
6 Figma Animation Plugins Every Designer Should Know | Envato Tuts
6 Figma Animation Plugins Every Designer Should Know | Envato T…
Nov 24, 2021
tutsplus.com
Figma After Effects UI Animation | Parallax Motion Design Tutorial 💡 | Saptarshi Prakash
45:04
Figma After Effects UI Animation | Parallax Motion Design Tutorial 💡 | …
91K viewsJul 7, 2020
YouTubeSaptarshi Prakash
What is Figma?
What is Figma?
Apr 21, 2023
intellipaat.com
UI/UX Animation Tutorial | Figma & Phase
10:06
UI/UX Animation Tutorial | Figma & Phase
5.6K views11 months ago
YouTubeAgatha Richards
14:38
Create Smooth UI Animations in Figma | Full Step-by-Step Tutorial
779 views10 months ago
YouTubeMaster UIUX
8:02
Figma Animation Kits! — Free & Amazing | Design Essentials
23.5K viewsJun 2, 2022
YouTubePunit Chawla
0:34
Animation Techniques in Figma for UI Design
23.1K viewsMay 4, 2025
TikToktaldy_brand
6:07
Figma Animation Tutorial for Beginners | Spinning Carousel Ani…
69.3K viewsJan 10, 2025
YouTubeMaster UIUX
19:54
5 Most Useful Figma Animations For UI Beginners
123.6K viewsJan 26, 2023
YouTubeTim Gabe
8:26
11 Micro Animations That Will Instantly Level Up Your UI (free fig…
68.2K viewsApr 29, 2025
YouTubeKole Jain
18:30
Figma Tutorial: Smart Animate - Create UI & Web Animations (in 1…
84.2K viewsMar 4, 2021
YouTubeMizko
4:28
Figma Mobile UI Tutorial – Loading Animation with Dynamic Effects | …
403 viewsMar 31, 2025
YouTubeMS Motions
35:04
Figma Web Design and Smart Animation
447K viewsSep 23, 2020
YouTubeHyginus Ukeh - Building Amazing Things
58:05
10 EASY Figma Animations for Beginners In 1 HOUR 🔥| Figma Sma…
290.9K viewsOct 23, 2023
YouTubeSaptarshi Prakash
5:09
5 Easy Animations in Figma - Smart Animate
306.1K viewsJan 22, 2022
YouTubeDesigna Creatives
9:34
Micro-interactions in Figma under 9 mins-UI Animation Series - 09
111.6K viewsMay 17, 2021
YouTubeDesign with Aashish
8:24
Simple Figma animation in 8 minutes - tutorial
111.1K viewsAug 14, 2023
YouTubeMinh Pham
9:25
Setting up a project - Figma for UX/UI Design tutorial [Lesson 4]
36.6K viewsMar 17, 2020
YouTubeSelfstudy Space
3:40:22
Great Design With User Research - Design a Mobile App Using Figma
352.1K viewsFeb 2, 2022
YouTubefreeCodeCamp.org
8:41
Figma UX tutorial for beginners - Wireframe
786.6K viewsJul 4, 2022
YouTubeAliena Cai
24:03
Animated Illustration in Figma | Interactive Components
158.2K viewsNov 10, 2021
YouTubeDesign Champs
8:30
User flow diagrams - Figma template and live demo
52K viewsJul 2, 2020
YouTubeJarek Ceborski
1:00
Introduction - Figma for UX/UI Design tutorial [Lesson 1]
114.5K viewsMar 8, 2020
YouTubeSelfstudy Space
4:52
Menu Animation in Figma
992.5K viewsNov 11, 2022
YouTubeShmelt studios
11:45
Animated Navigation Bar in Figma - Prototyping Tutorial
183.5K viewsMay 30, 2023
YouTubeuxpeak
22:34
Free Figma Make Course for Beginners 2026 | UI/UX Design (Fi…
22.6K views3 months ago
YouTubeDesignWithArash
See more videos
Static thumbnail place holder