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日
短视频
Creating Dynamic Animations Using Figma Shape Move
0:25
已浏览 1.3万 次
Creating Dynamic Animations Using Figma Shape Move
davv_store_figma
Animate Your Figma Designs (No After Effects)
0:54
Animate Your Figma Designs (No After Effects)
CodeWithMashi
Figma Tutorial
Figma Mobile App Design Tutorial
46:31
Figma Mobile App Design Tutorial
YouTubeHyginus Ukeh - Building
已浏览 162.2万 次2020年5月30日
Figma Tutorial: Variants
14:16
Figma Tutorial: Variants
YouTubeFigma
已浏览 129.2万 次2020年10月28日
Figma Tutorial: Layout Grids
2:45
Figma Tutorial: Layout Grids
YouTubeFigma
已浏览 78万 次2018年3月20日
热门视频
6 Figma Animation Plugins Every Designer Should Know | Envato Tuts
6 Figma Animation Plugins Every Designer Should Know | Envato Tuts
tutsplus.com
2021年11月24日
🎬 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 个月之前
SUPER EASY - UI card animation in figma
6:05
SUPER EASY - UI card animation in figma
YouTubeUX-UI Heroes
已浏览 27 次1 个月前
Figma Design Tips
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日
Design animated slides on Figma | Beginner tutorial
14:51
Design animated slides on Figma | Beginner tutorial
YouTubeRachel How
已浏览 22.4万 次2021年8月17日
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
🎬 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
SUPER EASY - UI card animation in figma
6:05
SUPER EASY - UI card animation in figma
已浏览 27 次1 个月前
YouTubeUX-UI Heroes
AI Animation Plugin for Figma: Simplify Your Design
0:31
AI Animation Plugin for Figma: Simplify Your Design
已浏览 1984 次3 个月之前
TikTokduchekelvin
To learn Figma get your unique Figma Animations through the link in our bio! #figma #figmaanimation #neuwebstudio #website #websiteanimation #uxdesign #uidesign #webdesign #webdesigner #parallax #parallaxwebsite #parallaxscrolling
To learn Figma get your unique Figma Animations through the link in our bio! #figma #figmaanimation #neuwebstudio #website #websiteanimation #uxdesign #uidesign #webdesign #webdesigner #parallax #parallaxwebsite #parallaxscrolling
已浏览 1.1万 次10 个月之前
TikTokneuwebstudio
Unique Figma Animations for Web Design
0:06
Unique Figma Animations for Web Design
已浏览 860 次10 个月之前
TikTokheyyaliweb
How to make Animations in Figma using Components
How to make Animations in Figma using Components
已浏览 1901 次2023年7月15日
YouTubeAlexey Tretina
8:43
Figma Tutorial: Smart Animate and Drag Triggers
已浏览 99.4万 次2019年10月3日
YouTubeFigma
8:02
How to Create & Export GIF in Figma | Using Motion Plugin
已浏览 26.9万 次2020年10月31日
YouTubeDesign Xstream
14:51
Design animated slides on Figma | Beginner tutorial
已浏览 22.4万 次2021年8月17日
YouTubeRachel How
18:30
Figma Tutorial: Smart Animate - Create UI & Web Animations (in 17 Minutes)
已浏览 8.4万 次2021年3月4日
YouTubeMizko
9:38
Creating a smooth fade in animation inside Figma | UI Animation Series - 06
已浏览 3.7万 次2021年5月14日
YouTubeDesign with Aashish
26:49
Creative Figma animations
已浏览 8.9万 次2024年5月22日
YouTubeFlux Academy
14:13
Figma 3D Transform Animations Tutorial! | Design Weekly
已浏览 2.8万 次2021年8月16日
YouTubePunit Chawla
7:02
Loading Animation | Figma Interactive Components
已浏览 6.1万 次2022年4月11日
YouTubeChinsk Design
13:07
Prototyping Button Hover Animation In Figma
已浏览 5800 次2024年12月31日
YouTubeBrian Love
8:05
Micro animations in Figma
已浏览 18.8万 次2023年4月25日
YouTubeFigma
15:21
Website Animations Using ONLY Figma
已浏览 36.5万 次2022年6月27日
YouTubeFlux Academy
7:40
Animated Mesh Gradients in Figma
已浏览 7.7万 次2022年12月13日
YouTubeCaler Edwards
56:24
Office hours: Mastering vectors
已浏览 7.6万 次2020年7月2日
YouTubeFigma
35:09
Nike Spinning Animation in Figma
已浏览 14.7万 次2023年4月6日
YouTubeShmelt studios
7:59
3D Carousel in Figma Using Smart Animate | Prototyping Tutorial
已浏览 52.3万 次2023年7月1日
YouTubeuxpeak
8:23
Creative Loading animation | Figma Interactive Components
已浏览 8万 次2023年7月27日
YouTubeDSCODE
1:09
Figma Animation Tutorial – From Static to Interactive
已浏览 2498 次8 个月之前
YouTubeUX Mustafa
9:03
Figma 3D Parallax Animations! – 3 Easy Ways
已浏览 6.4万 次2022年11月18日
YouTubePunit Chawla
17:50
Free UI Animation Course - Part 1 - The basics
已浏览 4.4万 次2022年9月12日
YouTubeMalewicz
51:09
How to Design a Sleek Dashboard Animation in Figma (part 1)
已浏览 4.1万 次2023年4月12日
YouTubeBright O'feranmi Nejo
13:44
Advanced Figma interactive component animations
已浏览 7686 次2022年10月10日
YouTubeSekei Design
24:28
How To Create Animation In Figma - Figmotion Tutorial
已浏览 3.8万 次2022年1月11日
YouTubeDev And Design
展开