🎬 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 views5 months ago
FacebookUXUI Collective
Animate like a pro in Figma | Figma Animations
15:23
Animate like a pro in Figma | Figma Animations
68 views1 month ago
YouTubeElizabeth Kafaru
LOGO DESIGN AND ANIMATION [Figma]
12:37
LOGO DESIGN AND ANIMATION [Figma]
263.4K viewsApr 23, 2020
YouTubeHyginus Ukeh - Building Amazing Things
Figma Tutorial: Overlays
10:20
Figma Tutorial: Overlays
597.2K viewsDec 3, 2018
YouTubeFigma
DEADLINE post-it stop motion
1:55
DEADLINE post-it stop motion
6.7M viewsJun 5, 2009
YouTubebunliu
Figma tutorial: Masks
6:35
Figma tutorial: Masks
648.5K viewsJul 26, 2021
YouTubeFigma
Food App Design | UX/UI ( Wireframe, Prototype, Export)
28:16
Food App Design | UX/UI ( Wireframe, Prototype, Export)
1.6M viewsAug 28, 2020
YouTubeDesignSense
4:39
Figma Tutorial: Prototyping & Transitions
676.3K viewsAug 6, 2020
YouTubeFigma
5:42
Horizontal & Vertical Scrolling | Figma Tutorial
934.5K viewsMar 4, 2020
YouTubeAngela Design
55:32
ADVANCED MOBILE APP UI DESIGN AND PROTOTYPING [FIG…
132.3K viewsNov 6, 2020
YouTubeHyginus Ukeh - Building Amazing Things
3:58
Figma Tutorial: Prototyping (older version)
1.5M viewsFeb 27, 2018
YouTubeFigma
7:46
Figma For Beginners: Build prototypes (3/4)
448K viewsDec 1, 2020
YouTubeFigma
8:02
How to Create & Export GIF in Figma | Using Motion Plugin
269K viewsOct 31, 2020
YouTubeDesign Xstream
5:10
Figma Tutorial: Text Tool and Fonts
502.5K viewsMar 30, 2018
YouTubeFigma
3:56
Figma Tutorial: Components - Swapping and States
427.5K viewsMar 20, 2018
YouTubeFigma
14:36
How to Create an App Icon in Figma - Tutorial
66.5K viewsMay 5, 2019
YouTubeDesign Pilot
12:20
Make Awesome SVG Animations with CSS // 7 Useful Techniques
1.1M viewsMar 26, 2021
YouTubeFireship
20:56
How to create a flow chart using figma [template included]
48.2K viewsDec 28, 2017
YouTubeApp Design Tips
34:36
Responsive Website/Web Design and Prototype with Figma
77.4K viewsOct 9, 2020
YouTubeHyginus Ukeh - Building Amazing Things
18:30
Figma Tutorial: Smart Animate - Create UI & Web Animations (in 1…
84K viewsMar 4, 2021
YouTubeMizko
36:35
Figma Tutorial - A Free UI Design/Prototyping Tool. It's awes…
1.6M viewsApr 30, 2018
YouTubeDesignCourse
32:19
Figma Tutorial: Create and present animated slide deck presentation…
75.3K viewsMay 21, 2020
YouTubeHypermatic Figma Tutorials
2:18
Interactive Components in Figma
107.2K viewsMar 4, 2021
YouTubeSketch Together
4:07
Figma Tutorial Side Menu
59.9K viewsMar 25, 2020
YouTubeAngela Design
19:41
Figma Advanced Animations
147.8K viewsOct 28, 2022
YouTubeFlux Academy
4:02
Figma Import | FlutterFlow University
152.7K viewsMay 31, 2023
YouTubeFlutterFlow
9:15
How To ANIMATE IN FIGMA
4.6K viewsJan 4, 2023
YouTubeMavi Design
26:49
Creative Figma animations
83.1K viewsMay 22, 2024
YouTubeFlux Academy
2:29
Tips for presentations
90.7K viewsDec 16, 2022
YouTubeFigma
18:14
Figma tutorial: Component properties
636.1K viewsJun 22, 2022
YouTubeFigma
See more videos
Static thumbnail place holder

Short videos

0:24
Text light effect on a UI animation in figma
3 weeks ago
YouTubeUX-UI Heroes
0:38
Edge texture effect using figma prototype #figmatuto…
94 views2 weeks ago
YouTubeUX-UI Heroes
0:06
WEBSITE DESIGN FOR CHOCOLATE BUSINESS U…
221 views1 month ago
YouTubeNiyamu
0:16
Fantasy Football App UI Design – Invite Flow UX Ca…
100 views1 month ago
YouTubeOrbix Studio | UIUX Design Agency
0:23
Animate your Text in figma
302 views2 weeks ago
YouTubeUX-UI Heroes
0:35
Apple-Style Dynamic Island Animation in Figma🤯 Smart …
459 views1 week ago
YouTubeUX meets AI
0:30
Image to VECTOR ILLUSTRATION in one clic…
102 views1 month ago
YouTubeUX-UI Heroes
0:06
BEST WEBSITE DESIGN FOR CONSTRUCTIONN COMPA…
18 views1 month ago
YouTubeNiyamu
0:30
Figma Make AI Changed UI Animation Forever 🤯 | Carou…
280 views3 weeks ago
YouTubeUX meets AI
0:08
ROBO loading animation using Figma prototype #fig…
351 views1 month ago
YouTubeUX-UI Heroes
0:46
3D Animated Website in Figma & Dora 🐝 | Speedrun T…
295 views2 months ago
YouTubeUltra Life Project
0:32
Cretae AI eclipse animation in figma super trendy
956 views4 weeks ago
YouTubeUX-UI Heroes
0:34
Quick Text Animation Using Figma🎯⚡#textanimation #tut…
255 views1 month ago
YouTubeDezign and Dots
0:21
Add multiple images in figma - Figma QuickTips
135 views2 weeks ago
YouTubeUX-UI Heroes
0:39
Trendy full screen HERO UI animation in figma #figmat…
22.1K views1 month ago
YouTubeUX-UI Heroes
0:33
Text spotlight effect using figma smart animate #figm…
456 views1 month ago
YouTubeUX-UI Heroes
0:28
Create an Amazing Headphones Slider in Figm…
25 views1 month ago
YouTubeFliq
1:11
This 1 Figma Feature will save your product
357 views2 weeks ago
YouTubeDesign Voodoo
0:34
Minimal smooth Floating Navbar animation in figma …
57 views3 weeks ago
YouTubeUX-UI Heroes
0:57
Day 32/100 Easy Photo Stack Animation in Figma (step b…
242 views1 month ago
YouTubeThe Ux Journal
Static thumbnail place holder