Skip to main content

🌈 How to Use Lottiefiles in Zuuvi

Add smooth animations to your designs with lightweight Lottie magic

Anna Sophie Witte avatar
Written by Anna Sophie Witte
Updated over a week ago

Want to bring your brand to life in a stylish way? Lottiefiles are perfect when your brand guidelines include specific animated elements - like a logo that spins, pulses, or draws itself. You can create those animations as Lottiefiles and add them directly into your Zuuvi banners for a professional, on-brand look that doesn’t weigh down your file size.


Let’s Get Started

Zuuvi supports Lottie files – a format perfect for adding sleek and lightweight animations to your banners. Here’s how you can use them inside Zuuvi:


🪄 Step-by-Step Guide

  1. Export from Lottiefiles

    • Once your animation is ready, export it as a “Lottie JSON” file from the Lottiefiles platform.

  2. Upload to Zuuvi

    • Drag and drop the Lottie JSON file directly onto your canvas

    • OR go to your Asset Library and upload it from there

    • Once uploaded, you’ll find your Lottiefiles under the “Videos” tab in the asset bank (yes, even though they’re not technically videos 😉)

  3. What if it looks invisible? 👻

    • If the first frame of your animation is transparent, the file will appear invisible in your canvas preview

    • Just hit play, and your animation will come to life

  4. Heads up on file size ⚖️

    • Lottie files are usually tiny, but to run them, Zuuvi loads a Lottie script (approx. 54 KB)

    • So, make sure to count the script weight + animation weight when considering file size limits

Did this answer your question?