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 ...
已浏览 2.9万 次3 周前
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万 次2 周前
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 次3 个月之前
热门视频
🚀 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 次2025年2月16日
#05: Figma Frame Tips
#05: Figma Frame Tips
YouTubeEnvato Tuts+
已浏览 4.4万 次2018年10月15日
Creating Advanced Animations in Figma
4:56
Creating Advanced Animations in Figma
YouTubeAquent Gymnasium
已浏览 9482 次2019年11月8日
Figma and Framer Integration
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日
Cool Things You Can Do in Framer (Turning Substack Issues into Interactive Flip Books via Framer)
0:20
Cool Things You Can Do in Framer (Turning Substack Issues into Interactive Flip Books via Framer)
YouTubeA Tiny Revolution
已浏览 62 次1 个月前
How To Import Figma File Into Framer (Full Guide)
1:21
How To Import Figma File Into Framer (Full Guide)
YouTubeTutorial Zone
1 个月前
🚀 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 次2025年2月16日
FacebookUXUI Collective
#05: Figma Frame Tips
#05: Figma Frame Tips
已浏览 4.4万 次2018年10月15日
YouTubeEnvato Tuts+
Creating Advanced Animations in Figma
4:56
Creating Advanced Animations in Figma
已浏览 9482 次2019年11月8日
YouTubeAquent Gymnasium
Figma 3D Animations With Real Physics! — This Feels Real | Figma + Spline Tutorial
Figma 3D Animations With Real Physics! — This Feels Real | Figm…
已浏览 4.7万 次2022年10月6日
YouTubePunit Chawla
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万 次5 个月之前
Instagramuxui_shrut
04 figma gif animation to behance
9:25
04 figma gif animation to behance
已浏览 7207 次2021年7月18日
YouTubethuy vu
Figma Tutorial Overlay
5:12
Figma Tutorial Overlay
已浏览 14.7万 次2020年3月18日
YouTubeAngela Design
10:20
Figma Tutorial: Overlays
已浏览 59.7万 次2018年12月3日
YouTubeFigma
2:20
Figma Tutorial: Alignment & Distribution
已浏览 18.8万 次2018年2月27日
YouTubeFigma
4:39
Figma Tutorial: Prototyping & Transitions
已浏览 67.4万 次2020年8月6日
YouTubeFigma
1:35
What's Figma? [2019]
已浏览 192.4万 次2019年10月15日
YouTubeFigma
5:42
Horizontal & Vertical Scrolling | Figma Tutorial
已浏览 93.2万 次2020年3月4日
YouTubeAngela Design
7:11
Figma Tutorial: Device Frames and Scrolling
已浏览 79.5万 次2018年6月21日
YouTubeFigma
3:58
Figma Tutorial: Prototyping (older version)
已浏览 148.6万 次2018年2月27日
YouTubeFigma
21:25
Figma For Beginners: Create designs (2/4)
已浏览 85.5万 次2020年12月1日
YouTubeFigma
15:50
Figma For Beginners: Explore ideas (1/4)
已浏览 156.4万 次2020年12月1日
YouTubeFigma
8:43
Figma Tutorial: Smart Animate and Drag Triggers
已浏览 98.6万 次2019年10月3日
YouTubeFigma
11:35
Figma Tutorial: Add custom animations to your Figma present…
已浏览 4609 次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
14:51
Design animated slides on Figma | Beginner tutorial
已浏览 21.9万 次2021年8月17日
YouTubeRachel How
3:35
How to Create Glass Card Effect - Figma Tutorial
已浏览 42.7万 次2021年1月5日
YouTubeThalion
1:00:39
Free Figma Tutorial: Designing Wireframes with Figma
已浏览 83万 次2020年6月27日
YouTubeButter Academy
18:30
Figma Tutorial: Smart Animate - Create UI & Web Animations (in 1…
已浏览 8.4万 次2021年3月4日
YouTubeMizko
22:36
Figma Tutorial: Embed videos and GIFs in Figma presentations
已浏览 11.3万 次2020年5月22日
YouTubeHypermatic Figma Tutorials
19:41
Figma Advanced Animations
已浏览 14.7万 次2022年10月28日
YouTubeFlux Academy
9:15
How To ANIMATE IN FIGMA
已浏览 4297 次2023年1月4日
YouTubeMavi Design
26:49
Creative Figma animations
已浏览 8.1万 次2024年5月22日
YouTubeFlux Academy
2:15
Creating Interactive Map in Figma
已浏览 10.5万 次2023年9月13日
YouTubeNick Babich
2:25
Scrollable list in Figma
已浏览 15.5万 次2022年12月15日
YouTubeNick Babich
观看更多视频
静态缩略图占位符