Figma Tutorial: Prototyping & Transitions
4:39
YouTubeFigma
Figma Tutorial: Prototyping & Transitions
Figma is free to use. Sign up here: https://bit.ly/30uT2cV In this video we'll show you how to add simple transitions to your prototypes. 0:00 - What is prototyping 0:30 - Creating a prototype in Figma 1:00 - How to customize a prototype interaction 1:50 - How to customize a prototype transition 2:20 - Choosing your prototype animation 3:15 ...
668.1K viewsAug 6, 2020
Shorts
figma animation with prototype tutorial. #figma #webui #webdesign #uiux #uidesign #animation #design
0:30
1.8K views
figma animation with prototype tutorial. #figma #webui #webdesign #uiux
FABFIGMA
Figma Drag Animation Tutorial - Prototype like a PRO!
4.3K views
Figma Drag Animation Tutorial - Prototype like a PRO!
Kevin Kwok
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
3M viewsMay 20, 2022
Figma Tutorial for Beginners (13-min crash course!)
13:22
Figma Tutorial for Beginners (13-min crash course!)
YouTubeFlux Academy
673.1K viewsNov 27, 2024
Figma Tutorial for Beginners - Complete Course 2025
1:54:38
Figma Tutorial for Beginners - Complete Course 2025
YouTubeAverage Design Dude
203.4K views10 months ago
Top videos
3D Interactive Animation With a Rotating Effect - Figma Prototyping Tutorial
6:02
3D Interactive Animation With a Rotating Effect - Figma Prototyping Tutorial
YouTubeuxpeak
155.1K viewsJul 20, 2023
Animated Navigation Bar in Figma - Prototyping Tutorial
11:45
Animated Navigation Bar in Figma - Prototyping Tutorial
YouTubeuxpeak
171.2K viewsMay 30, 2023
Figma Tutorial: Prototyping (older version)
3:58
Figma Tutorial: Prototyping (older version)
YouTubeFigma
1.5M viewsFeb 27, 2018
Figma Design Tips
How to Master Figma and Design 10X FASTER!
12:10
How to Master Figma and Design 10X FASTER!
YouTubeDesign Champs
89.1K viewsFeb 26, 2024
Create the skills list: Figma Design for beginners [10 of 13]
22:41
Create the skills list: Figma Design for beginners [10 of 13]
YouTubeFigma
7.9K views5 months ago
Figma Design for Beginners
1:00
Figma Design for Beginners
YouTubeFigma
56K views6 months ago
3D Interactive Animation With a Rotating Effect - Figma Prototyping Tutorial
6:02
3D Interactive Animation With a Rotating Effect - Figma Prototypin…
155.1K viewsJul 20, 2023
YouTubeuxpeak
Animated Navigation Bar in Figma - Prototyping Tutorial
11:45
Animated Navigation Bar in Figma - Prototyping Tutorial
171.2K viewsMay 30, 2023
YouTubeuxpeak
Figma Tutorial: Prototyping (older version)
3:58
Figma Tutorial: Prototyping (older version)
1.5M viewsFeb 27, 2018
YouTubeFigma
Figma Tutorial: Swipe Animation/Prototyping Tutorial
14:56
Figma Tutorial: Swipe Animation/Prototyping Tutorial
304.5K viewsDec 11, 2023
YouTubeNikhil Pawar
Figma carousel animation in 5 minutes
5:08
Figma carousel animation in 5 minutes
236.3K viewsFeb 17, 2023
YouTubeFlux Academy
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…
279.5K viewsOct 23, 2023
YouTubeSaptarshi Prakash
Master Interactive Prototyping and Animation in Figma. Coffee App UIUX Design and Animation Tutorial
21:53
Master Interactive Prototyping and Animation in Figma. Coffee App UI…
9.2K viewsSep 10, 2024
YouTubeThefemijohn
6:44
How to Create Interactive 3D Animations in Figma
8.4K views11 months ago
YouTubeHarpreet Designs
7:59
3D Carousel in Figma Using Smart Animate | Prototyping Tutorial
505.4K viewsJul 1, 2023
YouTubeuxpeak
8:43
Figma Tutorial: Smart Animate and Drag Triggers
981.8K viewsOct 3, 2019
YouTubeFigma
40:44
Animate Your Navigation Bar in Figma Like a Pro! (Easy Prototypi…
42.1K viewsMar 29, 2024
YouTubeAli Hassan
26:49
Creative Figma animations
71.6K viewsMay 22, 2024
YouTubeFlux Academy
8:12
Animation in Figma - Figma Tutorial For Beginners
336.5K viewsNov 8, 2024
YouTubeZaid A
21:08
Figma Make Tutorial (No Code AI Prototyping)
56.9K views3 months ago
YouTubeFlux Academy
4:52
Menu Animation in Figma
944.3K viewsNov 11, 2022
YouTubeShmelt studios
24:07
Add prototype connections: Figma Design for beginners [12 of 13]
11K views5 months ago
YouTubeFigma
15:21
Website Animations Using ONLY Figma
359.2K viewsJun 27, 2022
YouTubeFlux Academy
6:52
Splash Screen Animation in 6 Minutes (Figma Tutorial)
296.7K viewsMar 16, 2023
YouTubeTim Gabe
3:51
How to create Splash screen animation in Figma
162.2K viewsApr 26, 2024
YouTubeDreamineer - Ricardo Costa
10:50
Create ADVANCED Image Slider Animation In Figma | Figma Tutorial
260.6K viewsApr 25, 2024
YouTubePixxelex
6:19
Design Animated Logo Splash Screen in Figma
153.8K viewsMay 26, 2023
YouTubeAverage Design Dude
5:45
How to Create an Endless Auto-Scrolling Animation in Figma with …
171.3K viewsMar 19, 2024
YouTubeDesign with Mahsa
22:52
How to Create Full Page Website Scroll Animation in Figma | Figma …
308.9K viewsMay 31, 2023
YouTubePixxelex
12:29
Intro to Figma Make (Tutorial)
93.7K views5 months ago
YouTubeFigma
13:41
How to Create Game Prototypes in Figma | Using Interactive Compon…
95.3K viewsMar 7, 2021
YouTubeDesign Xstream
19:54
5 Most Useful Figma Animations For UI Beginners
120.9K viewsJan 26, 2023
YouTubeTim Gabe
8:24
Simple Figma animation in 8 minutes - tutorial
101.2K viewsAug 14, 2023
YouTubeMinh Pham
7:48
Figma Tutorial : Website prototyping using smart animate | #figmatutorial
116.2K viewsJun 29, 2022
YouTubemikaso
6:52
Figma Design for K-12: Making loading animations
12.3K views8 months ago
YouTubeFigma
See more videos
Static thumbnail place holder

Short videos

0:30
figma animation with prototype tutorial. #figma #…
1.8K views2 months ago
YouTubeFABFIGMA
Figma Drag Animation Tutorial - Prototype like a P…
4.3K views9 months ago
YouTubeKevin Kwok
0:32
Donut Carousel Animation in Figma | Prototype Tutorial f…
1.5K views3 months ago
YouTubeGearlonah
0:51
Navigate prototype connections in Figma like …
3.9K viewsMay 4, 2024
YouTubeDesignCode
Prototyping with @figmaofficial, let's go! To…
1.8M viewsApr 24, 2023
TikTokradnolan
0:16
Splash Screen Animation Using Figma Prototype | St…
1.3K views8 months ago
YouTubeTheFigmaGirl
0:59
Create Burger Animation in Figma | Smooth UI Interacti…
695 views1 week ago
YouTubeAles Dev | Flutter Development & Fig…
0:39
Scroll Animation Prototype In Figma (easy Tutorial)
403 viewsDec 10, 2024
YouTubeAFRID AHAMED
0:57
Figma Hover Animation | Figma Prototyping
63 views4 months ago
YouTubeTechPrimz
0:57
Design an Animated Travel Website in Figma | Smart A…
1.3K views2 months ago
YouTubeUIUX with Rasindu
0:19
Spinning Animation in Figma | Figma Website Animation …
560 views5 months ago
YouTubeTheFigmaGirl
0:56
Let's create an animated button prototype in Figma
5.1K viewsApr 22, 2024
YouTubeDesignCode
0:20
Sony Headphone Website UI Design in Figma | Animatio…
1.7K views4 months ago
YouTubeUix_Vaishnavi
0:21
Dynamic Island Animations in Figma #uidesign #figma
156 views8 months ago
YouTubeDiscover design
1:15
Figma scrolling animation in 60 seconds
1.1K views3 months ago
YouTubeAlexdev
0:51
Modern Animated Ice Cream Website/Prototype in Figm…
526 views3 months ago
YouTubeUIUX with Rasindu
0:33
Design & Animate a Modern Website for an Energy Drin…
484 views3 months ago
YouTubeUIUX with Rasindu
0:51
Food website UI Design in Figma | Animation in Figm…
3 views1 month ago
YouTubeUix_Vaishnavi
0:41
Figma Hero Section Animation Tutorial | Moder…
2.1K views2 months ago
YouTubeAFRID AHAMED
0:07
Uidesign Animation in Figma - Figma Tutorial For Begin…
1K views10 months ago
YouTubeAyesha | inkitdesigns
Static thumbnail place holder