Animaciones y Transiciones en Prototipos con Figma
Animaciones y Transiciones en Prototipos con Figma
10 months ago
platzi.com
✨ 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.3K views6 months ago
FacebookUXUI Collective
🎬 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
Figma Tutorial: Prototyping & Transitions
4:39
Figma Tutorial: Prototyping & Transitions
676.3K viewsAug 6, 2020
YouTubeFigma
🚀 How to Create Smooth Animations in Figma! 🎨✨Want to add motion to your designs? Follow these steps to create smooth UI animations in Figma: ✅ Step 1: Switch to Prototype Mode 📌✅ Step 2: Link frames using Smart Animate for smooth transitions 🔄✅ Step 3: Adjust easing & duration for a natural flow ⏳✅ Step 4: Use Overlays & Interactive Components for micro-interactions 🎭✅ Step 5: Preview & tweak until it feels just right! 🚀Master animations to bring your UI to life and impress users! Credit:
0:50
🚀 How to Create Smooth Animations in Figma! 🎨✨Want to add motion t…
516 viewsFeb 16, 2025
FacebookUXUI Collective
Creating a simple onboarding screens transition prototype in Figma | UI Animation Series - 08
2:58
Creating a simple onboarding screens transition prototype in Fig…
13.2K viewsMay 16, 2021
YouTubeDesign with Aashish
Figma tutorial for beginners: Prototyping and Interactions | Figma Smart Animate
1:13:31
Figma tutorial for beginners: Prototyping and Interactions | Fig…
2K viewsNov 20, 2021
YouTubeYariv BE
0:12
Smooth card animations in Figma ✨ Tip: use smart animate and bounc…
323 views4 months ago
FacebookThedesignely
5:50
Animated text and slide transition in Figma | Figma Prototype Tutorial- …
9.5K viewsApr 20, 2023
YouTubeDesignverse
6:05
Rolling Text Animation in Figma | Step-by-Step Prototype Tutorial
8.9K viewsNov 2, 2023
YouTubeToni Järvinen - Design Tutorials
32:30
PROTOTYPE a Complex Screen Transition Interaction using FIGM…
6.3K viewsAug 25, 2023
YouTubeDesign Pilot
0:34
Figma Transition Tutorial: Create Smooth Animations
5.4K viewsMar 14, 2025
TikTokdesign_toriawills
19:25
How to create button transition in Figma | Button Animations
31 views6 months ago
YouTubekaushiki Garg
17:24
98 - How to make animated transitions in Figma
4 views11 months ago
bilibili奇柴柴柴柴
14:56
Figma Tutorial: Swipe Animation/Prototyping Tutorial
307K viewsDec 11, 2023
YouTubeNikhil Pawar
8:27
Figma tutoriel : PROTOTYPE, ANIMATIONS & TRANSITIONS - Le…
65.6K viewsSep 3, 2020
YouTubeJessUI Design
0:11
Figma | Create more natural and fluid transition animations for you…
115.5K viewsJun 1, 2022
Instagramfigma
0:21
Google Stitch now lets you export your AI generated designs directl…
1 views1 month ago
FacebookLearn AI Faster
1:01:24
Animate Like A Pro · Figma Advanced Animation Tutorial · Air…
4.6K viewsJul 25, 2022
YouTubeFarhan Razak
18:17
Figma 101 - How to Create Shimmering UI Animation
1.8K viewsSep 12, 2022
YouTubeThe Dei
8:45
UI transitions and easing with Figma UX | UI | Motion
1.7K viewsMay 20, 2022
YouTubeMotion UX
6:02
3D Interactive Animation With a Rotating Effect - Figma Prototypin…
160.8K viewsJul 20, 2023
YouTubeuxpeak
50:32
Figma prototyping tutorial: Overlays | Transitions & Interactions
13.9K viewsDec 11, 2021
YouTubeYariv BE
7:38
Prototyping overlay transitions in Figma
59K viewsDec 16, 2022
YouTubeFigma
0:35
How to Create a Dynamic transition in Figma | Step-by-Step Tutorial 🎨
63.6K viewsFeb 26, 2025
YouTubeCreative Design Ideas
4:52
Menu Animation in Figma
971.7K viewsNov 11, 2022
YouTubeShmelt studios
1:27
Gradient Animation in Figma | Smooth Color Transition UI Tutorial
45 views2 months ago
YouTubeTop Tip
1:00
Figma Transition Animation in 1 Minute
109 views6 months ago
YouTubeBorcope
24:38
Onboarding Animations in Figma: Circle Transitions Tutorial
2.4K viewsJan 28, 2025
YouTubeDesign with Mahsa
0:42
How to Create Toggle Animation in 30 Seconds | UX UI Design Figma …
2.3K views4 months ago
YouTubeKevin Kwok
See more videos
Static thumbnail place holder