Mastering Animations in Figma by Building 7 Common UI Animations
Mastering Animations in Figma by Building 7 Common UI Animations
Mar 5, 2023
jurn.io
✨ Let’s Create This Website Transition Animation in Figma! 💻🎬 Want to take your UI game to the next level? Let me show you how to build a smooth, clean website transition animation — all inside Figma. No code. Just creativity. 🧠⚡ 🔧 What you'll learn: – Smart use of Figma's Smart Animate – Layer structuring for seamless transitions – Timing tricks to make it feel smooth and real – Pro-level microinteractions that wow 💥 Perfect for: ✅ Designers leveling up their prototyping ✅ UI/UX enthusiast
1:30
✨ Let’s Create This Website Transition Animation in Figma! 💻🎬 W…
26.4K views8 months ago
FacebookUXUI Collective
Figma Tutorial: Effects
4:32
Figma Tutorial: Effects
227.6K viewsMar 20, 2018
YouTubeFigma
Figma Tutorial: Overlays
10:20
Figma Tutorial: Overlays
603.4K viewsDec 3, 2018
YouTubeFigma
Figma Tutorial: Prototyping & Transitions
4:39
Figma Tutorial: Prototyping & Transitions
682.9K viewsAug 6, 2020
YouTubeFigma
After Effects Tutorial: Animated Stream Screen Transitions
12:26
After Effects Tutorial: Animated Stream Screen Transitions
214.9K viewsJul 1, 2018
YouTubeSeso
Figma Tutorial: Smart Animate and Drag Triggers
8:43
Figma Tutorial: Smart Animate and Drag Triggers
994.7K viewsOct 3, 2019
YouTubeFigma
0:34
16 Free Transitions for After Effects
1.5M viewsSep 16, 2015
YouTubePremiumBeat by Shutterstock
14:51
Design animated slides on Figma | Beginner tutorial
223.8K viewsAug 17, 2021
YouTubeRachel How
2:31
Figma Tutorial: Gradients (Linear, Radial, Angular, Diamond)
437.4K viewsApr 28, 2020
YouTubeFigma
12:20
Make Awesome SVG Animations with CSS // 7 Useful Techniques
1.1M viewsMar 26, 2021
YouTubeFireship
18:30
Figma Tutorial: Smart Animate - Create UI & Web Animations (in 1…
84.2K viewsMar 4, 2021
YouTubeMizko
6:55
Figma Prototyping Tutorial-Text Animation under 5 mins!!! (Smart …
98.1K viewsJan 14, 2021
YouTubeDesign with Aashish
11:55
Animating a Simple Map Zoom Transition - After Effects Tutorial
323.9K viewsJan 30, 2019
YouTubeMOBOX Graphics
26:49
Creative Figma animations
93.4K viewsMay 22, 2024
YouTubeFlux Academy
19:48
Figma Tutorial: Animated Image Carousel Slider
10.4K viewsOct 6, 2023
YouTubeDSCODE
14:13
Figma 3D Transform Animations Tutorial! | Design Weekly
28K viewsAug 16, 2021
YouTubePunit Chawla
5:32
INTERACTIVE SLIDER Animation In Figma | Figma Tutorial
54.2K viewsApr 29, 2023
YouTubePixxelex
8:05
Micro animations in Figma
187.7K viewsApr 25, 2023
YouTubeFigma
15:21
Website Animations Using ONLY Figma
369.2K viewsJun 27, 2022
YouTubeFlux Academy
10:50
Create ADVANCED Image Slider Animation In Figma | Figma Tutorial
281.7K viewsApr 25, 2024
YouTubePixxelex
7:40
Animated Mesh Gradients in Figma
75.9K viewsDec 13, 2022
YouTubeCaler Edwards
35:09
Nike Spinning Animation in Figma
147.3K viewsApr 6, 2023
YouTubeShmelt studios
10:19
Figma Animated Range Slider || Figma Transition
4K viewsMay 17, 2021
YouTubeHunny Code
7:59
3D Carousel in Figma Using Smart Animate | Prototyping Tutorial
522.8K viewsJul 1, 2023
YouTubeuxpeak
8:23
Creative Loading animation | Figma Interactive Components
81.5K viewsJul 27, 2023
YouTubeDSCODE
14:07
Create Crazy 3D Image Slider Effects Using CSS Only
1.3M viewsJun 13, 2024
YouTubeLun Dev
9:03
Figma 3D Parallax Animations! – 3 Easy Ways
64.3K viewsNov 18, 2022
YouTubePunit Chawla
8:20
Create an Animated Like (Heart) Button in Figma
62.4K viewsSep 14, 2022
YouTubeMavi Design
24:28
How To Create Animation In Figma - Figmotion Tutorial
37.6K viewsJan 11, 2022
YouTubeDev And Design
See more videos
Static thumbnail place holder