# @figma on YouTube

- **Type:** Video
- **Original URL:** https://youtube.com/watch?v=XlQmD9ewN9Y
- **Gondola URL:** https://gondola.cc/posts/70264403-figma-youtube
- **Thumbnail:** https://img.gondola.cc/tr:w-,h-,fo-auto/postThumbnails/690938bafe.jpg
- **Posted:** 2026-08-05T11:00:21.000+00:00
- **Account Owner:** Figma (@figma) — https://gondola.cc/figma

## Caption

Let’s learn about motion paths in Figma Motion. When you add position keyframes to an animation, that movement is displayed as a motion path on the canvas. Motion paths are made up of dots which indicate an animation’s speed, also known as easing, and boxes, which mark the position of each keyframe.

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 What is motion path
00:19 How to view and edit motion paths
00:32 Create smooth curve motion paths
00:41 Easing and motion path
00:58 Change easing on motion path

#figma #motion #design #tutorial #animation #keyframe #motionpath
____________________________________________________

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/

## Stats

- **Views:** 18,164
- **Likes:** 236
- **Shares:** 0
- **Comments:** 4

## Tags

keyframe, animation, tutorial, motionpath, design, motion, figma

---
Copyright (c) Gondola