How To Add Gif In Adobe Xd

How to Add Videos, GIFs, and Lottie files

Embed external and local videos, Gifs, and Lottie Files in your design

Written by Or
Updated over a week ago

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

Spotter Video Tutorials of how to Add Media to your Designs!

Anima'due south supports the following media formats:

YouTube
Vimeo
MP4
GIF
Lottie File (.json)

How To Embed Videos, GIFs, and Lottie Files

Exist sure you've created an Artboard or Frame in your pattern platform to start
Create a placeholder (a shape or image) where you'll embed the video
Select the placeholder, go to the Anima Plugin and under the Paradigm tab, select Media (Video, Gifs, Lottie)
Paste your source's URL (How to upload local files) and click Adjacent
Fix the Playback settings
Click Salve

To come across it alive, click Preview in Browser in the Anima Panel.

Figma / XD View:

Sketch View:

❗️Note: Your videos volition not play inside your blueprint platform (Figma/XD/Sketch), just they tin be played when previewing in browser and in the Anima web app one time your design is synced.

How to Upload Local Files

1. If you want to embed locally stored files, click 'upload file', which will have you to the Files tab inside your Project Settings in the Anima spider web app.

2. From hither, you can upload your videos/GIFs files from your estimator, and then click the ellipsis ••• and Copy Link:

Paste your copied URL into the media field, press Next, set your playback settings and salve!

❗️ Please note, your video will only play once previewed/synced with the Anima web app, and non in XD/Figma/Sketch!

If you are having problem uploading a video:

Check to see if the file is less than 200MB
Exist certain the file is in a supported format before uploading
Make sure you take synced your design to the project

Video Tutorials:

Figma:

Adobe XD:

Sketch:

Get involved in our Anima Community Forum!

New to Anima?

Create an account for free!
Learn more than about using Anima with Figma, XD and Sketch
How to Download the Anima Plugin

Acquire More than

Add Forms and Real Text Inputs to Designs
How to Publish a Website and Host it With Anima