Explore
Creators
Teams
Jobs
Loading post...
YouTube
@figma
Share
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:
figma.com/blog/introducing-figma-motion
&
help.figma.com/hc/en-us/articles/41274629073303
Learn more about motion design principles:
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):
x.com/figma
Instagram:
instagram.com/figma
LinkedIn:
linkedin.com/company/figma
TikTok:
tiktok.com/@figma
Figma forum:
forum.figma.com
Posted on YouTube at
8/26/2026, 11:00:12 AM
24.1k
254
5
24.1k
24.1k
254
5
24.1k
Suggested Credits
Add A Credit
Tags, Events, and Projects
style
easing
tutorial
design
motion
figma
animation
Add tag
Add event / campaign