🏷️

Component: GIF

💡

You can also directly upload a GIF file into your Figma file to use in your app.

What does it do?

A GIF will replace the content of a rectangle shape.

image

The Tag

[component:gif:URL]

Supports URL ending in .gif

Sample Tag to try

[component:gif:https://media.giphy.com/media/26ybwt1cT5DfBzRU4/giphy.gif]

Which layer can I put it on?

A rectangle shape

How do I set it up in the design tool?

  1. Copy the tag.
  2. Paste the tag into the layer name of a rectangle shape.
  3. image
  4. Replace the placeholder URL with your own (or try our sample tag).
  5. Import to Bravo Studio & 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)

Figma Example

Open & duplicate the Figma file below to see how it's set up.