🎬 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
135K views · 2.5K reactions | 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 | Facebook
0:32
135K views · 2.5K reactions | 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 | Facebook
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
已浏览 209 次4 个月之前
热门视频
After effect type animation in figma - try it now #figmaanimation #figmaprototype #figmatutorial
0:38
After effect type animation in figma - try it now #figmaanimation #figmaprototype #figmatutorial
YouTubeUX-UI Heroes
已浏览 642 次2 个月之前
@satellite.fig on Instagram: "Wie habe ich diese Box-Animation in Figma erstellt? Zuerst habe ich den Boxkörper gebaut, dann die Beleuchtung im Inneren hinzugefügt, den Inhalt der Box platziert und anschließend ihren Deckel erstellt. Danach habe ich einen neuen Frame angelegt und die Box geschlossen. Anschließend habe ich die Prototyp-Einstellungen vorgenommen und die Animation gestartet. Jetzt könnt ihr interaktive Animationen zu eurer Website oder eurem Projekt hinzufügen #InteraktiveAnimation
0:11
@satellite.fig on Instagram: "Wie habe ich diese Box-Animation in Figma erstellt? Zuerst habe ich den Boxkörper gebaut, dann die Beleuchtung im Inneren hinzugefügt, den Inhalt der Box platziert und anschließend ihren Deckel erstellt. Danach habe ich einen neuen Frame angelegt und die Box geschlossen. Anschließend habe ich die Prototyp-Einstellungen vorgenommen und die Animation gestartet. Jetzt könnt ihr interaktive Animationen zu eurer Website oder eurem Projekt hinzufügen #InteraktiveAnimation
Instagramsatellite.fig
已浏览 245 次3 个月之前
Creating Advanced Animations in Figma
4:56
Creating Advanced Animations in Figma
YouTubeAquent Gymnasium
已浏览 9486 次2019年11月8日
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日
After effect type animation in figma - try it now #figmaanimation #figmaprototype #figmatutorial
0:38
After effect type animation in figma - try it now #figmaanimation #figma…
已浏览 642 次2 个月之前
YouTubeUX-UI Heroes
@satellite.fig on Instagram: "Wie habe ich diese Box-Animation in Figma erstellt? Zuerst habe ich den Boxkörper gebaut, dann die Beleuchtung im Inneren hinzugefügt, den Inhalt der Box platziert und anschließend ihren Deckel erstellt. Danach habe ich einen neuen Frame angelegt und die Box geschlossen. Anschließend habe ich die Prototyp-Einstellungen vorgenommen und die Animation gestartet. Jetzt könnt ihr interaktive Animationen zu eurer Website oder eurem Projekt hinzufügen #InteraktiveAnimation
0:11
@satellite.fig on Instagram: "Wie habe ich diese Box-Animation in F…
已浏览 245 次3 个月之前
Instagramsatellite.fig
Creating Advanced Animations in Figma
4:56
Creating Advanced Animations in Figma
已浏览 9486 次2019年11月8日
YouTubeAquent Gymnasium
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
46:31
Figma Mobile App Design Tutorial
已浏览 161.3万 次2020年5月30日
YouTubeHyginus Ukeh - Building Amazing Things
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.3万 次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.6万 次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.5万 次2018年6月21日
YouTubeFigma
3:58
Figma Tutorial: Prototyping (older version)
已浏览 148.9万 次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.2万 次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.7万 次2018年3月20日
YouTubeFigma
观看更多视频
静态缩略图占位符