LottieFile
A Lottie will replace the content of the rectangle.
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!
Last modified 1mo ago