# FigAnimations

> A curated Figma animation library. Browse, preview, and download Figma animations and Smart Animate prototype examples that you can copy directly into your Figma file.

FigAnimations is a gallery of ready-to-use Figma animations for designers. Each animation is a fully editable Figma component built with native Figma features (Smart Animate, variants, auto-layout). No plugins required. Animations are organized into categories (navigation, toasts, form elements, tab bars) and can be browsed, searched by tag, previewed as looping video, and copied or downloaded as `.fig` files for use in personal or commercial projects.

## Primary topics

- Figma animation
- Smart Animate examples
- Figma prototype animations
- Figma micro-interactions
- Figma UI animations (navigation, toast, form, tab bar)
- Figma resources for designers

## Site map

- Home: https://www.figanimations.com
- Search: https://www.figanimations.com/?query={keyword}
- Animation detail page: https://www.figanimations.com/animations/{animation-name}
- Navigation animations: https://www.figanimations.com/navigation-figma-animations
- Toast animations: https://www.figanimations.com/toasts-figma-animations
- Form element animations: https://www.figanimations.com/form-elements-figma-animations
- Tab bar animations: https://www.figanimations.com/tab-bar-figma-animations
- Sitemap: https://www.figanimations.com/sitemap.xml

## How to use a FigAnimations animation

1. Open the animation detail page (https://www.figanimations.com/animations/{animation-name}).
2. Click Download to get the `.fig` file, or copy the component directly from the Figma file.
3. Paste the component into your own Figma file. Prototype connections, variants, and Smart Animate transitions come along with it.
4. Open Prototype mode to preview, then adjust easing, duration, or trigger to fit your design.

## Licensing

All animations are free for personal and commercial use without attribution. Redistribution as a standalone resource pack or template product is not permitted.

## FAQ

The home page (https://www.figanimations.com) contains an FAQ section with answers to:

- What is Figma animation?
- Can Figma do animation?
- How do I use a prebuilt animation from figanimations.com?
- Are the animations free to use in commercial projects?
- Can I customize the animations after downloading?
- Why is my Figma animation not working?
- How do I export Figma animations as a GIF or video?