Don't have Anima's plugin for Sketch, Adobe XD, or Figma?
Here's how to install it.
Anima's supports the following media formats:
Lottie File (.json)
How To Embed Videos, GIFs, and Lottie Files
Be sure you've created an Artboard or Frame in your design 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 Prototype tab, select Media (Video, Gifs, Lottie)
Paste your source’s URL (How to upload local files)
Set the Playback settings
To see it live, click Preview in Browser in the Anima Panel.
Figma / XD View:
❗️Note: Your videos will not play within your design platform (Figma/XD/Sketch), but they can be played when previewing in browser and in the Anima web app once your design is synced.
How to Upload Local Files
1. If you want to embed locally stored files, click 'upload file', which will take you to the Files tab inside your Project Settings in the Anima web app.
Or you can access your Project Settings from the top-right icon ⚙️ inside your project in the Anima web app:
2. From here, you can upload your videos/GIFs files from your computer and Anima will create a direct .mp4/.gif URL that can be copied and embedded in your design.
Paste your copied URL into the media field, press '+' and save!
❗️ Please note, your video will only play once previewed/synced with the Anima web app, and not in XD/Figma/Sketch!
If you are having trouble uploading a video:
👉🏼 Check to see if the file is less than 200MB
👉🏼 Be sure the file is in a supported format before uploading
👉🏼 Make sure you have synced your design to the project