78K views · 1.2K reactions |  Animation Tutorial in Figma — For Web...
0:47
FacebookUXUI Collective
78K views · 1.2K reactions |  Animation Tutorial in Figma — For Web...
UX/UI Collective. UX/UI Collective · Original audio. 🎬 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 ...
28.7K views3 weeks ago
Figma Basics
The Fundamentals of Figma - A Guide for complete Beginners
The Fundamentals of Figma - A Guide for complete Beginners
git.ir
26 viewsFeb 13, 2023
How to Use Figma for Beginners in 2025 (The Only Way)
1:58
How to Use Figma for Beginners in 2025 (The Only Way)
YouTubeSweet Life Beat Life
16 views5 months ago
5 High-Paying Careers in 2026 That Don’t Require Coding (Yes, Even Without CS!)
17:19
5 High-Paying Careers in 2026 That Don’t Require Coding (Yes, Even Without CS!)
YouTubeShivangi Tiwari
10.2K views2 weeks ago
Top videos
🚀 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 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:
FacebookUXUI Collective
515 viewsFeb 16, 2025
interactive animation in figma.#figma #webdesign #webui #uidesign #uiux #figmatutorial #tutorial
0:16
interactive animation in figma.#figma #webdesign #webui #uidesign #uiux #figmatutorial #tutorial
YouTubeFABFIGMA
1 views5 months ago
Waleed Khan on Instagram: "Turn a static product into a smooth Figma animation (quick tutorial) Here’s how I create a clean product animation in Figma using simple slide duplicates + smart easing. Perfect for ads, landing pages, and product showcases. Save this and try it on your next design. #Figma #FigmaTutorial #FigmaAnimation #ProductAnimation #UIDesign #UIUX #DesignTips #MotionDesign #ProductDesign #AdDesign #CreativeProcess #WaleedKhan"
0:41
Waleed Khan on Instagram: "Turn a static product into a smooth Figma animation (quick tutorial) Here’s how I create a clean product animation in Figma using simple slide duplicates + smart easing. Perfect for ads, landing pages, and product showcases. Save this and try it on your next design. #Figma #FigmaTutorial #FigmaAnimation #ProductAnimation #UIDesign #UIUX #DesignTips #MotionDesign #ProductDesign #AdDesign #CreativeProcess #WaleedKhan"
Instagramwaleedkhan1441
156 views2 months ago
Figma UI Design
UI Design with Figma - Tutorial
UI Design with Figma - Tutorial
freecodecamp.org
Jan 5, 2022
Figma UI UX Design Essentials
Figma UI UX Design Essentials
git.ir
155.6K viewsOct 2, 2022
Figma UI UX Design Essentials Training
Figma UI UX Design Essentials Training
git.ir
4.4K viewsFeb 27, 2024
🚀 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…
515 viewsFeb 16, 2025
FacebookUXUI Collective
interactive animation in figma.#figma #webdesign #webui #uidesign #uiux #figmatutorial #tutorial
0:16
interactive animation in figma.#figma #webdesign #webui …
1 views5 months ago
YouTubeFABFIGMA
Waleed Khan on Instagram: "Turn a static product into a smooth Figma animation (quick tutorial) Here’s how I create a clean product animation in Figma using simple slide duplicates + smart easing. Perfect for ads, landing pages, and product showcases. Save this and try it on your next design. #Figma #FigmaTutorial #FigmaAnimation #ProductAnimation #UIDesign #UIUX #DesignTips #MotionDesign #ProductDesign #AdDesign #CreativeProcess #WaleedKhan"
0:41
Waleed Khan on Instagram: "Turn a static product into a smooth Figm…
156 views2 months ago
Instagramwaleedkhan1441
Create a 3D Animated Website with Figma & Dora - No Code Required
Create a 3D Animated Website with Figma & Dora - No Code Required
240K viewsSep 12, 2023
YouTubeuxpeak
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
Zaid • Web Designer | [Slider Animation for Product page in FIGMA] ✨ Hope you all are doing great. Here’s another Figma Smart animation Tutorial for Product... | Instagram
Zaid • Web Designer | [Slider Animation for Product page in FIG…
116K views6 months ago
Instagramuiuxzaid
Prototype and Animate Your Design with Smart Animate – Figma Tutorial
Prototype and Animate Your Design with Smart Animate – Figma Tutorial
3.9K viewsJan 27, 2021
YouTubeJavier Alaves
9:45
Intro to learning Figma as a product person
44.9K viewsOct 9, 2023
YouTubeFigma
A K | [Product page animation in Figma 🤟] Get ready to dive into anot…
243.1K viewsJun 5, 2023
Instagrambasit.designs
9:05
Figma Tutorial: Prototyping
85.3K viewsNov 10, 2017
YouTubeMUK
1:50:06
Introduction To Figma | FREE COURSE
553.7K viewsSep 16, 2020
YouTubeEnvato Tuts+
4:39
Figma Tutorial: Prototyping & Transitions
674.1K viewsAug 6, 2020
YouTubeFigma
1:35
What's Figma? [2019]
1.9M viewsOct 15, 2019
YouTubeFigma
24:23
Figma UI Design Tutorial: Get Started in Just 24 Minutes!
4.7M viewsDec 8, 2020
YouTubeAJ&Smart
18:35
Figma 101: An introduction tutorial
225.9K viewsMar 13, 2020
YouTubeCharliMarieTV
5:35
[OLD] Figma Tutorial: Components - The Basics
1.4M viewsMar 20, 2018
YouTubeFigma
3:58
Figma Tutorial: Prototyping (older version)
1.5M viewsFeb 27, 2018
YouTubeFigma
7:46
Figma For Beginners: Build prototypes (3/4)
447.1K viewsDec 1, 2020
YouTubeFigma
21:25
Figma For Beginners: Create designs (2/4)
854.8K viewsDec 1, 2020
YouTubeFigma
8:43
Figma Tutorial: Smart Animate and Drag Triggers
985.5K viewsOct 3, 2019
YouTubeFigma
16:08
Intro to Figma - Beginners guide to Figma Basics
1M viewsNov 10, 2018
YouTubeDesign Champs
14:51
Design animated slides on Figma | Beginner tutorial
219.3K viewsAug 17, 2021
YouTubeRachel How
7:38:43
Create a Design System with Figma - Full Course
789.3K viewsJun 28, 2021
YouTubefreeCodeCamp.org
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
19:41
Figma Advanced Animations
147.2K viewsOct 28, 2022
YouTubeFlux Academy
9:15
How To ANIMATE IN FIGMA
4.3K viewsJan 4, 2023
YouTubeMavi Design
18:39
Product Social Media Design || Figma Tutorial
12.9K viewsMar 31, 2022
YouTubeEirene KW
9:08
Create STUNNING Interactive Presentations!! | Figma Tutorial
83.7K viewsMar 8, 2022
YouTubeMizko
See more videos
Static thumbnail place holder