Figma Motion basics: Path trim

Let’s learn about path trim.

Path trim lets you create animated lines by controlling how much of a path is visible at specific points in time. You can use path trim to create draw-on or erase effects, handwriting animations, and looping spinners.

Learn more about Figma Motion: https://www.figma.com/blog/introducing-figma-motion/ & https://help.figma.com/hc/en-us/articles/41274629073303

Learn more about motion design principles: https://help.figma.com/hc/en-us/sections/41236726027287-Motion-design-fundamentals-collection

00:00 Intro
00:09 Using path trim in Figma
00:38 Apply path trim animation style
01:17 Apply path trim keyframes

#figma #motion #design #tutorial #animation #style #easing
____________________________________________________

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/