GIF - Bravo Studio Help Center

Bravo Studio Help Center

Search…

Bravo Studio Help Center

Get started with Bravo Studio 👏

Get Started

Navigating Bravo Studio

Bravo Vision previewer

Unlock power features to create interactive apps

Create your first app with Bravo

Set up your design

What is bravorizing?

Structuring the design: the layer hierarchy

Bravo Tags: adding functionality to the UI elements

Bravorizer (Bravo plugin for Figma)

Sample design files

Bravo Tags

Bravo Tags Master List

Special containers

Form & input fields

Interactive component

Component states

Flexible text (Flexo)

Map with markers

Stateful component (like button)

App Icon & Splash Screen

Set up your backend

Set up a no-code backend

Set up API requests

Debugging API issues

Data Collection & Binding: Complete Collection

Data binding

Data binding: connect API data to design

Display data in your app

Create data from your app

Delete data from your app

Conditional Visibility

Integrations

Create deep links for your app

Push Notifications with OneSignal

User Authentication

One-time Payment with Stripe

Multilingual apps

App Publication

Publishing your app

Making changes to your app after publication

App rating alert

Resources

Learn with videos

Learn with articles

Browse by app feature

Good to Know

Manage your account

Join the Bravo community

Powered By GitBook

GIF

A GIF will replace the content of the rectangle.

👉 The Tag
This tag allows to insert a GIF, which will replace the content of the rectangle layer where the tag is placed. Supports URL ending in .gif.
📍 Where to add the tag: A rectangle layer
//The tag:
​
[component:gif:URL]
​
//Sample tag to try:
​
[component:gif:https://media.giphy.com/media/26ybwt1cT5DfBzRU4/giphy.gif]
You can also directly upload a GIF file into your Figma file to use in your app.
🏷️ How to add the tag
    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 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)
💾 Example files
Duplicate the files below to see how to set it up!

Flexible text (Flexo)

Last modified 1yr ago

Copy link

On this page

👉 The Tag

🏷️ How to add the tag

💾 Example files