Figma Tutorial for Beginners | Designing, Prototyping & Animation Step by Step
6:09
YouTubeLearning Axis
Figma Tutorial for Beginners | Designing, Prototyping & Animation Step by Step
Figma Tutorial for Beginners | Designing, Prototyping & Animation Step by Step Learn how to create smooth and professional animations in Figma with this step-by-step Figma animation tutorial for beginners. In this video, I’ll show you how to use Smart Animate, prototype transitions, and interactive components to design modern UI animations ...
786 views2 months ago
Shorts
Animated Figma Website Design | Animation in Figma | Figma Tutorial For Beginners
0:17
98.8K views
Animated Figma Website Design | Animation in Figma | Figma Tutorial For Beginner
Rafid Designs
figma animation with prototype tutorial. #figma #webui #webdesign #uiux #uidesign #animation #design
0:30
1.9K views
figma animation with prototype tutorial. #figma #webui #webdesign #uiux
FABFIGMA
Figma Tutorial
Figma tutorial for Beginners: Complete Website from Start to Finish
43:21
Figma tutorial for Beginners: Complete Website from Start to Finish
YouTubeFlux Academy
3.1M viewsMay 20, 2022
Figma Tutorial for Beginners - Complete Course 2025
1:54:38
Figma Tutorial for Beginners - Complete Course 2025
YouTubeAverage Design Dude
233.6K viewsFeb 22, 2025
Figma Tutorial for Beginners
1:13:17
Figma Tutorial for Beginners
YouTubeKevin Stratvert
1.1M viewsApr 11, 2024
Top videos
Design Animated Website Using Figma
24:55
Design Animated Website Using Figma
YouTubeRafid Designs
1.8K views2 months ago
Figma for Edu: Smart animate with Figma Design
51:43
Figma for Edu: Smart animate with Figma Design
YouTubeFigma
22.6K views8 months ago
Simple Figma animation in 8 minutes - tutorial
8:24
Simple Figma animation in 8 minutes - tutorial
YouTubeMinh Pham
114.9K viewsAug 14, 2023
Figma Design Tips
Figma Design for Beginners
1:00
Figma Design for Beginners
YouTubeFigma
59.7K views10 months ago
Course overview: Figma Design for beginners [1 of 13]
2:16
Course overview: Figma Design for beginners [1 of 13]
YouTubeFigma
219.5K views9 months ago
Build a Design System - Full Course
3:34:24
Build a Design System - Full Course
YouTubeUI Collective
151.7K views7 months ago
Design Animated Website Using Figma
24:55
Design Animated Website Using Figma
1.8K views2 months ago
YouTubeRafid Designs
Figma for Edu: Smart animate with Figma Design
51:43
Figma for Edu: Smart animate with Figma Design
22.6K views8 months ago
YouTubeFigma
Simple Figma animation in 8 minutes - tutorial
8:24
Find in video from 05:22Adjusting the Animation
Simple Figma animation in 8 minutes - tutorial
114.9K viewsAug 14, 2023
YouTubeMinh Pham
10 EASY Figma Animations for Beginners In 1 HOUR 🔥| Figma Smart Animate Tutorial
58:05
10 EASY Figma Animations for Beginners In 1 HOUR 🔥| Figma Sma…
293K viewsOct 23, 2023
YouTubeSaptarshi Prakash
Full Website Animation Tutorial In Figma. Learn UIUX Design Animation with interactive Component
26:20
Find in video from 05:02Adding Text and Animations
Full Website Animation Tutorial In Figma. Learn UIUX Design Animati…
24.1K viewsJul 18, 2024
YouTubeThefemijohn
Design This Animated Website Using Figma
31:32
Design This Animated Website Using Figma
4.3K views4 months ago
YouTubeRafid Designs
Animation in Figma - Figma Tutorial For Beginners
8:12
Animation in Figma - Figma Tutorial For Beginners
457.5K viewsNov 8, 2024
YouTubeZaid A
26:49
Creative Figma animations
88.6K viewsMay 22, 2024
YouTubeFlux Academy
6:02
3D Interactive Animation With a Rotating Effect - Figma Prototypin…
165.4K viewsJul 20, 2023
YouTubeuxpeak
6:44
How to Create Interactive 3D Animations in Figma
9.5K viewsJan 6, 2025
YouTubeHarpreet Designs
21:04
Design Animated Website Using Figma
4.1K views3 months ago
YouTubeRafid Designs
33:33
Animated Design in Figma from Scratch
1.1K views2 months ago
YouTubeDVxUI
10:14
How I Design Animated Websites Using Figma + AI
43.1K views3 months ago
YouTubeKyle Skelly
4:52
Find in video from 04:05Finalizing the Animation
Menu Animation in Figma
986.2K viewsNov 11, 2022
YouTubeShmelt studios
20:25
Create Parallax Scrolling Animation In Figma | Figma Tutorial
38.9K views9 months ago
YouTubePixxelex
14:56
Find in video from 14:08Previewing the Animation
Figma Tutorial: Swipe Animation/Prototyping Tutorial
337.2K viewsDec 11, 2023
YouTubeNikhil Pawar
17:06
How to Animate UI Designs With AI (No Motion Experience Needed)
15.5K views3 months ago
YouTubeAhmed Alsayad 🍉
7:14
Animate Figma Designs with 1 CLICK! 🤯 Magic Animator AI Plugin …
12.4K views9 months ago
YouTubeDesign Xstream
14:38
Create Smooth UI Animations in Figma | Full Step-by-Step Tutorial
771 views10 months ago
YouTubeMaster UIUX
32:01
Animated 3D Figma Website Design || FREE Resources || DVxUI
45.9K views8 months ago
YouTubeDVxUI
4:49
Figma Dropdown Menu Animation | Interactive UI Tutorial
19.7K views7 months ago
YouTubeMaks Klod
11:21
Design This Animated Website Using Figma + AI!
8.6K views2 months ago
YouTubeKyle Skelly
12:08
Design This Animated Website Using Figma and AI!
397K views5 months ago
YouTubeKyle Skelly
1:20:43
Find in video from 16:45Design and Prototype Panel
Figma for Education: Animation basics in Figma
185.5K viewsFeb 24, 2023
YouTubeFigma
11:45
Animated Navigation Bar in Figma - Prototyping Tutorial
182.2K viewsMay 30, 2023
YouTubeuxpeak
19:51
Red Bull Website UI Design in Figma | Animation in Figma | Figma Tutor…
26.1K views11 months ago
YouTubeRafid Designs
18:55
How to Turn Any Figma Design into an Interactive Animation | Lottiela…
59.3K viewsJan 20, 2025
YouTubeLottielab
21:53
Find in video from 09:02Adding Scroll Animation
Master Interactive Prototyping and Animation in Figma. Coffee App UI…
10.4K viewsSep 10, 2024
YouTubeThefemijohn
6:52
Figma Design for K-12: Making loading animations
14.8K viewsApr 16, 2025
YouTubeFigma
See more videos
Static thumbnail place holder

Short videos

0:17
Animated Figma Website Design | Animation in Figm…
98.8K views4 months ago
YouTubeRafid Designs
0:30
figma animation with prototype tutorial. #figma #…
1.9K views6 months ago
YouTubeFABFIGMA
0:05
How to Create Character Animation in Figma Step-b…
2.3K views1 month ago
YouTubeDesignwithArike
0:21
Instax Camera Website UI Design in Figma | Animatio…
122.2K views2 months ago
YouTubeRafid Designs
0:40
Create Figma Prototypes with Silk by @Netguru
256K views1 month ago
TikTokdesignvoodoo
1:12
HERO UI animation using figma prototype
13.9K views3 months ago
YouTubeUX-UI Heroes
0:35
Dont missout this UI Card Animation in figma #figmap…
299 views3 weeks ago
YouTubeUX-UI Heroes
0:25
How to- Interactive Animation In Figma
965 views2 months ago
YouTubeux.ranbirr
0:15
Figma Animated Card Tutorial 🔥 | Create Smooth U…
56 views3 weeks ago
YouTubeAneesh Design studio
0:59
Create Drag Animation in Figma Like a Pro
436 views2 weeks ago
YouTubeSP Graphics Channel
0:09
3D animation using figma #figmaprototype #uianimati…
125 views2 weeks ago
YouTubeUX-UI Heroes
1:03
Figma Prototype and Animation #figmaanimation
60 views2 months ago
YouTubeUX-UI Heroes
0:12
FIGMA - Hero UI design Animation #websitedesign
178 views1 month ago
YouTubeUX-UI Heroes
0:38
UI tab animation using figma prototype #figmaprototype …
642 views4 months ago
YouTubeUX-UI Heroes
0:50
Floating team section animation using figma prot…
461 views3 months ago
YouTubeUX-UI Heroes
2:35
Animated Components in Figma prototyping is Supe…
8 views3 weeks ago
YouTubewebdreamweavers
1:45
Create a text Input field component with an animat…
158 views1 month ago
YouTubeMyfxmedia
0:17
Nike Animated Figma Website Design | Figma Tut…
404.3K views5 months ago
YouTubeRafid Designs
0:15
Substract - make amazing effect in figma #figma #fig…
901 views3 weeks ago
YouTubeUX-UI Heroes
1:04
Game UI Pre loader design with animation #uimotion #…
144 views1 week ago
YouTubeUX-UI Heroes
Static thumbnail place holder