LottieFile

Using this tag, you can insert a Lottie animation that will replace the content of the rectangle shape where you add the tag. Supports URLs ending in .json.
📍 Where to add the tag: A rectangle layer
1
//The tag:
2
​
3
[component:lottie:URL]
4
​
5
//Sample tag to try:
6
​
7
[component:lottie:https://assets8.lottiefiles.com/packages/lf20_9JaVsy.json]
Copied!
🏷️ How to add the tag
Option 1 (Figma only)
    1. Open the LottieFiles plugin in Figma and Search for a Lottie.
    2. Click Convert to GIF > Add to Figma 
    3. Replace the placeholder URL with your own (or try our sample tag).
Option 2
    1. Copy the tag.
    2. Paste the tag into the layer name of a rectangle shape.
    3. Replace the placeholder URL with your own (or try our sample tag).
    4. Import to Bravo & preview on Bravo Vision 🚀 (If you imported the app before, you just need to press the button Update in Bravo Studio to see the changes)
💾 Example files
Duplicate the files below to see how to set it up!

Zoomable image

Web view

Last modified 1mo ago

Copy link

Contents

🏷️ How to add the tag

Option 1 (Figma only)

Option 2

💾 Example files