Motion for people who are scared of motion software | Figma Motion + agent demo
1.6万 次观看 · 2026-07-22
UI 设计
Join Laura Fehre (Designer Advocate, Figma) as she teaches you Motion even if you're a total beginner. Follow along as she walks through two examples step by step, so you can feel confident animating UI and icons.
You'll learn:
→ Quick animations for handover (agent + content fill)
→ Animating icons
→ Flicker effects
→ Text animations
→ Keyframe editing
→ Animated transition to dark mode
00:00 Intro
00:18 Quick animation (swipe in and out) for handover
02:57 Icon animation
04:18 Combining icons, brand imagery, and animated text
04:57 Adding brand imagery and animated text with Figma agent
05:24 Animated transition to dark mode
07:19 Adjusting agent-generated results using keyframes, curves, and springs
08:15 Results
08:30 Outro
____________________________________________________
Find us on ⬇️
X (formerly Twitter): https://x.com/figma
Instagram: https://www.instagram.com/figma
LinkedIn: https://www.linkedin.com/company/figma
TikTok: https://tiktok.com/@figma
Figma forum: https://forum.figma.com/
You'll learn:
→ Quick animations for handover (agent + content fill)
→ Animating icons
→ Flicker effects
→ Text animations
→ Keyframe editing
→ Animated transition to dark mode
00:00 Intro
00:18 Quick animation (swipe in and out) for handover
02:57 Icon animation
04:18 Combining icons, brand imagery, and animated text
04:57 Adding brand imagery and animated text with Figma agent
05:24 Animated transition to dark mode
07:19 Adjusting agent-generated results using keyframes, curves, and springs
08:15 Results
08:30 Outro
____________________________________________________
Find us on ⬇️
X (formerly Twitter): https://x.com/figma
Instagram: https://www.instagram.com/figma
LinkedIn: https://www.linkedin.com/company/figma
TikTok: https://tiktok.com/@figma
Figma forum: https://forum.figma.com/