How to Embed Videos, GIFs, and Lottie files

Don't have Anima's plugin for Sketch, Adobe XD, or Figma?
Here's how to install it.

Supported links formats are:

• YouTube

• Vimeo

• MP4

• GIF

• Lottie File (.json)

The embedded video player can have these settings:

• Auto Play

• Loop

• No Control Buttons

• Cover (rect)

How To Embed Videos, GIFs, and Lottie Files

1. Create a placeholder for the video with a Shape or Image

2. Select the placeholder and go to the Smart Layers section of the Anima panel, and select Video/GIF/Lottie

3. Paste your source’s URL

4. Select the Playback settings: Auto Play, Loop, No Controls, Cover

5. Click Save

To see it live, click Preview in Browser in the Anima Panel.

Files

If you want to embed locally stored files, go to your Project Settings, and in the Files tab, you can upload videos/GIFs/Lottie files from your computer.

Anima will create a direct .mp4/.gif/.json URL that can be embedded in your design.

Video Tutorials:

For Sketch

For Adobe XD

For Figma

Learn More

Get Started with Anima!

• Creating a High-Fidelity Prototyping in Sketch

• How to Publish a Website and Host it With Anima

• How to Handoff Design Specs to Developers

• How to Export Sketch to HTML

• Team Collaboration

We’re super excited to have you trying it out and hearing your feedback.