- Anima for Figma
- Install Plugin
- Create a Project
- Preview & Sync Project
- Upgrade Teams
- Sample File & Tutorials
- Anima for Figma
- Flow
- Responsive Design
- Smart Layers
- Links
- Breakpoints
- Set Homepage
- Hover Effects
- Entrance Animation
- Fixed Position
- Forms & Text Input
- Videos/GIF/Lottie
- Embed Code
- Play
- Breakpoints Viewport
- Comments
- Code
- Share Prototype
- Manage Access Levels
- Publish Website
- Custom Domains
- Analytics
- Project Settings
Getting Started
Prototype
Collaborate
Prototype Link
Project Settings
Built with ❤️   in NYC & TLV
Videos/GIF/Lottie
With Anima, you can embed Videos,GIFs, and Lottie files in your Figma website or prototype.
Videos can be in the form of a video player or simply a cover/hero video without any control buttons.
The supported links are:
- YouTube
- Vimeo
- MP4
- GIF
- Lottie JS files
The embedded files can have the following playback settings:
- Auto Play
- Loop
- No Control Buttons
- Cover (Fill rectangle)
- Select the layer that will become the video, GIF, Lottie animation
- Under the Smart Layers section, select Video/GIF
- Paste your the file’s direct URL
- Choose the Playback Settings you want: Auto Play, Loop, No Controls, Cover
- Save
To see it, click Preview in Browser in the Anima Panel.
❗️IMPORTANT
- YouTube and Vimeo do not allow to hide controls
- For more control over your videos/GIFs, We recommend to use a direct .mp4 or .gif URL
Upload Local Files
If you want to embed locally stored files, go to your Project Settings, and in the Files tab, you can upload your videos/GIFs/Lottie files from your computer and Anima will create a direct URL you can paste on the features’ modal.
Caught a mistake or want to contribute to the documentation?
Edit this page on Github!