Explore
Creators
Teams
Jobs
Loading post...
YouTube
@figma
Share
Keyframes are one of two ways to animate objects in Figma Motion. A keyframe marks a point in time where you set a specific value for a layer property. When you set a second keyframe for the same property but with a different value, Figma Motion animates the transition between them. 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 Keyframe basics 00:19 Where to set keyframes 00:35 How to add a keyframe 01:12 Update keyframe’s value 01:41 Loop keyframes 01:58 Auto-keyframe #figma #motion #design #tutorial #animation #keyframe ____________________________________________________ Find us on ⬇️ X (formerly Twitter):
x.com/figma
Instagram:
instagram.com/figma
LinkedIn:
linkedin.com/company/figma
TikTok:
tiktok.com
...
Posted on YouTube at
8/4/2026, 11:00:22 AM
11.7k
189
7
11.7k
11.7k
189
7
11.7k
Suggested Credits
Add A Credit
Tags, Events, and Projects
keyframe
animation
tutorial
design
motion
figma
Add tag
Add event / campaign