# @figma on YouTube

- **Type:** Video
- **Original URL:** https://youtube.com/watch?v=HhRwVigdDIk
- **Gondola URL:** https://gondola.cc/posts/71414304-figma-youtube
- **Thumbnail:** https://img.gondola.cc/tr:w-,h-,fo-auto/postThumbnails/294557d81a.jpg
- **Posted:** 2026-09-30T16:30:30.000+00:00
- **Account Owner:** Figma (@figma) — https://gondola.cc/figma

## Caption

Let’s learn about custom animation styles.

Custom animation styles let you define your brand’s motion language and create reusable animations that can be applied to any object.

Custom animation styles can be created from one or more preset animations. First, use the Animations settings in the right sidebar to configure the animations you want to include in the style. These animations can also use timing and easing variables, letting you create motion that is consistent with your company’s motion design system. 

When you’re done, open the Animations settings again and click Create style. Give your style a name and description, then review the list of animations to make sure all should be included in the custom style. You can click the eye icon to temporarily hide an animation, or click the minus to remove it entirely. When you’re happy with the configuration, click Create style again to save it. 

Once created, you can apply your styles from the Animations settings. Custom animation styles can also be referenced in prompts or through custom skills when using the Figma agent to create motion. 

If you’re on a paid plan, you can publish animation styles to a design library so your whole team or organization can use them, just like text and effects styles.  

To update an animation style, deselect everything on the canvas, then click Edit style next to it in the list of animation styles to access the settings. To delete an animation style, right-click on it and select delete.

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

Download the custom animation styles playground: https://www.figma.com/community/file/1682540379260940278

Chapters:
00:00 Intro
00:17 How to create custom animation styles
01:02 Apply custom animation styles
01:08 Use custom animation styles in prompt with Figma agent
01:18 Publish custom animation styles to your library
01:28 Edit custom animation styles
#figma #motion #design #tutorial #animation #styles

____________________________________________________

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:** 15,363
- **Likes:** 123
- **Shares:** 0
- **Comments:** 5

## Tags

animation, styles, tutorial, design, motion, figma

---
Copyright (c) Gondola