🎬 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
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
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 ...
已浏览 2.9万 次5 个月之前
Figma to Framer Tutorial
From Figma to code in 10 minutes! Steps-to get started: 1. Search Framer 2. Sign Up 3. Create a new project 4. Syn Framer with Figma 5. Install Framer plugin in Figma 6. Import to the design 7. Go live! Promo Code 25% MARCELODESIGNX Save this for later . #framer #webdesign #webdesigner #uidesign #uxdesign #marcelodesignx #designinspiration #behance #dribbble #appdesign #websitedesigner #websiteinspiration | Marcelo Design X
0:32
From Figma to code in 10 minutes! Steps-to get started: 1. Search Framer 2. Sign Up 3. Create a new project 4. Syn Framer with Figma 5. Install Framer plugin in Figma 6. Import to the design 7. Go live! Promo Code 25% MARCELODESIGNX Save this for later . #framer #webdesign #webdesigner #uidesign #uxdesign #marcelodesignx #designinspiration #behance #dribbble #appdesign #websitedesigner #websiteinspiration | Marcelo Design X
FacebookMarcelo Design X
已浏览 6.5万 次1 年前
Import Figma designs with a few clicks and quickly turn them into powerful interactive prototypes. Get started for free. | Framer
0:07
Import Figma designs with a few clicks and quickly turn them into powerful interactive prototypes. Get started for free. | Framer
FacebookFramer
已浏览 37.1万 次2020年8月17日
Figma to Framer: Design Conversion & Website Publishing Tutorial
8:11
Figma to Framer: Design Conversion & Website Publishing Tutorial
YouTubeProrecruit Learning Society
已浏览 231 次4 个月之前
热门视频
1.5K views · 12 reactions |  How to Create Smooth Animations in...
0:50
1.5K views · 12 reactions |  How to Create Smooth Animations in...
FacebookUXUI Collective
已浏览 516 次2 周前
Figma Animation Tutorial - Figma plugin Figmotion 2022
Figma Animation Tutorial - Figma plugin Figmotion 2022
YouTubeDevign Creators
已浏览 7278 次2022年10月21日
Shrutvinda vikhe on Instagram: "From static to smooth ✨ Learn Figma animations step-by-step—frames, Smart Animate, easing, and micro-interactions. Save & try it today! #Figma #FigmaTutorial #FigmaTips #UIAnimation #MotionDesign #Prototyping #UIDesign #UXDesign #DesignTutorial #StepByStep #designreels"
0:45
Shrutvinda vikhe on Instagram: "From static to smooth ✨ Learn Figma animations step-by-step—frames, Smart Animate, easing, and micro-interactions. Save & try it today! #Figma #FigmaTutorial #FigmaTips #UIAnimation #MotionDesign #Prototyping #UIDesign #UXDesign #DesignTutorial #StepByStep #designreels"
Instagramuxui_shrut
已浏览 3.6万 次6 个月之前
Figma and Framer Integration
Figma Importer for Framer Web
Figma Importer for Framer Web
dribbble.com
2020年4月9日
Framer: Create a professional website, free. No code website builder loved by designers.
Framer: Create a professional website, free. No code website builder loved by designers.
framer.com
2021年7月8日
ProtoPie | High-Fidelity Prototyping Tool for Figma
0:29
ProtoPie | High-Fidelity Prototyping Tool for Figma
protopie.io
2021年1月21日
1.5K views · 12 reactions |  How to Create Smooth Animations in...
0:50
1.5K views · 12 reactions |  How to Create Smooth Animations in...
已浏览 516 次2 周前
FacebookUXUI Collective
Figma Animation Tutorial - Figma plugin Figmotion 2022
Figma Animation Tutorial - Figma plugin Figmotion 2022
已浏览 7278 次2022年10月21日
YouTubeDevign Creators
Shrutvinda vikhe on Instagram: "From static to smooth ✨ Learn Figma animations step-by-step—frames, Smart Animate, easing, and micro-interactions. Save & try it today! #Figma #FigmaTutorial #FigmaTips #UIAnimation #MotionDesign #Prototyping #UIDesign #UXDesign #DesignTutorial #StepByStep #designreels"
0:45
Shrutvinda vikhe on Instagram: "From static to smooth ✨ Learn Fi…
已浏览 3.6万 次6 个月之前
Instagramuxui_shrut
Gulp. The world's largest stop-motion animation shot on a Nokia N8.
1:32
Gulp. The world's largest stop-motion animation shot on a Nokia …
已浏览 151.2万 次2011年7月25日
VimeoNokia HD
Figma Tutorial Overlay
5:12
Figma Tutorial Overlay
已浏览 14.8万 次2020年3月18日
YouTubeAngela Design
Figma Mobile App Design Tutorial
46:31
Figma Mobile App Design Tutorial
已浏览 161.3万 次2020年5月30日
YouTubeHyginus Ukeh - Building Amazing Things
Figma Tutorial: Overlays
10:20
Figma Tutorial: Overlays
已浏览 59.7万 次2018年12月3日
YouTubeFigma
14:16
Figma Tutorial: Variants
已浏览 127.7万 次2020年10月28日
YouTubeFigma
3:48
Animated Optical Illusion. How To!
已浏览 207.4万 次2009年1月30日
YouTubebrusspup
2:20
Figma Tutorial: Alignment & Distribution
已浏览 18.8万 次2018年2月27日
YouTubeFigma
4:20
Figma Tutorial: Easing Curves
已浏览 22.5万 次2020年8月6日
YouTubeFigma
6:35
Figma tutorial: Masks
已浏览 64.8万 次2021年7月26日
YouTubeFigma
28:16
Food App Design | UX/UI ( Wireframe, Prototype, Export)
已浏览 155.7万 次2020年8月28日
YouTubeDesignSense
4:39
Figma Tutorial: Prototyping & Transitions
已浏览 67.5万 次2020年8月6日
YouTubeFigma
5:42
Horizontal & Vertical Scrolling | Figma Tutorial
已浏览 93.4万 次2020年3月4日
YouTubeAngela Design
2:42
Pingu As A Chef - Pingu Official Channel
已浏览 9.3亿 次2013年11月21日
YouTubePingu - Official Channel
36:59
Tutoriel Figma : Présentation de Figma
已浏览 26.6万 次2019年10月11日
YouTubeGrafikart.fr
7:11
Figma Tutorial: Device Frames and Scrolling
已浏览 79.6万 次2018年6月21日
YouTubeFigma
3:58
Figma Tutorial: Prototyping (older version)
已浏览 149万 次2018年2月27日
YouTubeFigma
7:46
Figma For Beginners: Build prototypes (3/4)
已浏览 44.8万 次2020年12月1日
YouTubeFigma
8:12
Java Tutorial 44 (GUI) - Simple Animation
已浏览 21.2万 次2012年1月22日
YouTubeJohn Gizdich
11:35
Figma Tutorial: Add custom animations to your Figma present…
已浏览 4642 次2021年1月10日
YouTubeHypermatic Figma Tutorials
8:02
How to Create & Export GIF in Figma | Using Motion Plugin
已浏览 26.9万 次2020年10月31日
YouTubeDesign Xstream
5:10
Figma Tutorial: Text Tool and Fonts
已浏览 50.3万 次2018年3月30日
YouTubeFigma
7:58
Quick Fire Animation | How to Animate a 2D Flame
已浏览 30.9万 次2020年1月29日
YouTubeBen Marriott
1:45
PocketAnimationProject - BokuraNoTabi making of
已浏览 310.3万 次2013年1月18日
YouTubeNicca Ch.
3:56
Figma Tutorial: Components - Swapping and States
已浏览 42.8万 次2018年3月20日
YouTubeFigma
3:35
How to Create Glass Card Effect - Figma Tutorial
已浏览 42.9万 次2021年1月5日
YouTubeThalion
1:18
Clay Animation Stop-motion 100 Subscriber Special
已浏览 2145万 次2015年5月4日
YouTubeDylan Tate
观看更多视频
静态缩略图占位符