Mastering Animations in Figma by Building 7 Common UI Animations
jurn.io
Mastering Animations in Figma by Building 7 Common UI Animations
Creating animations in Figma can be difficult at first. We recreate some of the most common animations in Figma to teach you everything you need to know!
2023年3月5日
Figma Tutorial
Figma Mobile App Design Tutorial
46:31
Figma Mobile App Design Tutorial
YouTubeHyginus Ukeh - Building
已浏览 162.3万 次2020年5月30日
Figma Tutorial: Overlays
10:20
Figma Tutorial: Overlays
YouTubeFigma
已浏览 60.3万 次2018年12月3日
Figma Tutorial: Variants
14:16
Figma Tutorial: Variants
YouTubeFigma
已浏览 129.6万 次2020年10月28日
热门视频
🎬 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 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
FacebookUXUI Collective
已浏览 2.9万 次7 个月之前
Animated UI Transitions with Figma
0:12
Animated UI Transitions with Figma
TikTokitsdesignely
已浏览 1.2万 次1 个月前
How to create Pulsing Animation in Figma | UX design
7:51
How to create Pulsing Animation in Figma | UX design
YouTubeUX with Bhumika
已浏览 476 次2023年11月22日
Figma Design Tips
ADVANCED MOBILE APP UI DESIGN AND PROTOTYPING [FIGMA]
55:32
ADVANCED MOBILE APP UI DESIGN AND PROTOTYPING [FIGMA]
YouTubeHyginus Ukeh - Building
已浏览 13.2万 次2020年11月6日
Food App Design in Figma | Figma Tutorial | UX/UI
58:32
Food App Design in Figma | Figma Tutorial | UX/UI
YouTubeUX World
已浏览 59.5万 次2021年8月22日
How to Design Mobile Travel App in Figma | Figma Tutorial
39:44
How to Design Mobile Travel App in Figma | Figma Tutorial
YouTubeUX World
已浏览 6.6万 次2021年5月9日
🎬 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 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
已浏览 2.9万 次7 个月之前
FacebookUXUI Collective
Animated UI Transitions with Figma
0:12
Animated UI Transitions with Figma
已浏览 1.2万 次1 个月前
TikTokitsdesignely
How to create Pulsing Animation in Figma | UX design
7:51
How to create Pulsing Animation in Figma | UX design
已浏览 476 次2023年11月22日
YouTubeUX with Bhumika
6 Figma Animation Plugins Every Designer Should Know | Envato Tuts
6 Figma Animation Plugins Every Designer Should Know | Envato Tuts
2021年11月24日
tutsplus.com
Figma After Effects UI Animation | Parallax Motion Design Tutorial 💡 | Saptarshi Prakash
45:04
Figma After Effects UI Animation | Parallax Motion Design Tutorial 💡 | Saptarshi Prakash
已浏览 9.1万 次2020年7月7日
YouTubeSaptarshi Prakash
What is Figma?
What is Figma?
2023年4月21日
intellipaat.com
UI/UX Animation Tutorial | Figma & Phase
10:06
UI/UX Animation Tutorial | Figma & Phase
已浏览 5602 次1 年前
YouTubeAgatha Richards
0:20
Master UI Animation in Figma 🎨✨ | Full Step-by-Step Tutorial
已浏览 625 次2025年3月11日
YouTubeUX Mustafa
14:38
Create Smooth UI Animations in Figma | Full Step-by-Step Tutorial
已浏览 779 次10 个月之前
YouTubeMaster UIUX
0:13
Card Micro UX Animation in Figma
已浏览 7 次2 个月之前
YouTubeDesign By Pratham
8:02
Figma Animation Kits! — Free & Amazing | Design Essentials
已浏览 2.3万 次2022年6月2日
YouTubePunit Chawla
3:57
Animated Progress Bar | Motion design/Prototyping | Figma tutorial by Shadab ux
已浏览 233 次2025年4月16日
YouTubeintelKeen Skills
0:34
Animation Techniques in Figma for UI Design
已浏览 2.3万 次2025年5月4日
TikToktaldy_brand
6:07
Figma Animation Tutorial for Beginners | Spinning Carousel Animation in UI/UX Design
已浏览 7万 次2025年1月10日
YouTubeMaster UIUX
0:44
Create Hover Animation in Figma | Figma UI UX Animation Tutorial for Beginners #coding #htmlcss
已浏览 942 次9 个月之前
YouTubeSmart Code School
19:54
5 Most Useful Figma Animations For UI Beginners
已浏览 12.4万 次2023年1月26日
YouTubeTim Gabe
8:26
11 Micro Animations That Will Instantly Level Up Your UI (free figma file)
已浏览 6.8万 次2025年4月29日
YouTubeKole Jain
35:04
Figma Web Design and Smart Animation
已浏览 44.7万 次2020年9月23日
YouTubeHyginus Ukeh - Building Amazing Things
18:30
Figma Tutorial: Smart Animate - Create UI & Web Animations (in 17 Minutes)
已浏览 8.4万 次2021年3月4日
YouTubeMizko
58:05
10 EASY Figma Animations for Beginners In 1 HOUR 🔥| Figma Smart Animate Tutorial
已浏览 29.1万 次2023年10月23日
YouTubeSaptarshi Prakash
1:01
Heres how to do a paralax scroll animation in Figma! Follow... #Shorts #johnathan.ux
已浏览 1003 次2 个月之前
YouTubejohnathan ux
8:08
The BEST Animation Tool for UX/UI Designers
已浏览 4.5万 次2021年7月4日
YouTubeMizko
5:09
5 Easy Animations in Figma - Smart Animate
已浏览 30.6万 次2022年1月22日
YouTubeDesigna Creatives
9:34
Micro-interactions in Figma under 9 mins-UI Animation Series - 09
已浏览 11.2万 次2021年5月17日
YouTubeDesign with Aashish
8:24
Simple Figma animation in 8 minutes - tutorial
已浏览 11.1万 次2023年8月14日
YouTubeMinh Pham
3:40:22
Great Design With User Research - Design a Mobile App Using Figma
已浏览 35.2万 次2022年2月2日
YouTubefreeCodeCamp.org
8:41
Figma UX tutorial for beginners - Wireframe
已浏览 78.7万 次2022年7月4日
YouTubeAliena Cai
24:03
Animated Illustration in Figma | Interactive Components
已浏览 15.8万 次2021年11月10日
YouTubeDesign Champs
8:30
User flow diagrams - Figma template and live demo
已浏览 5.2万 次2020年7月2日
YouTubeJarek Ceborski
展开
静态缩略图占位符