Figma to Bravo Studio -> Design & build native apps

About this plugin

Our Figma plugin will speed up your app's tagging process by selecting one or multiple tags that you want to add to a page, frame, or component. Additionally, the plugin will help you to validate whether or not your Figma file is ready to be imported into Bravo Studio.

👏 What is Bravo Studio?

Bravo Studio allows you to use your design as a UI for your backend creating a production capable prototype. Unlike other app builders, Bravo leverages the design and data handling of third-party tools, adding flexibility to the process, while keeping the design in sync with your Bravo app so you can iterate super fast. Mobile specific functionality (like login) can be added by connecting data with the UI elements using Bravo Tags - annotations placed on the layer names of your design file- which Bravo then converts into native components (both iOS and Android). We call this process “Bravorizing your design”.

🎨 What is Bravorizing?

Bravorizing is the process of setting up your design file to then be converted into a native app by Bravo Studio.

In general, Bravorizing consists of:

• Structuring layers as required by each Bravo component
• Adding Bravo tags to add functionality and structure

Learn how to bravorize with this intro video and check out the different setup steps below. You can also duplicate a sample design file that is already Bravorized to learn about its setup.

🔌 How to use the plugin

1. Open the plugin.
2. Select a layer.
3. Then go to the Bravo tagger tab and select the tag(s) you want to add to the layer.
4. After that, go to the Tag checker to validate your Bravorized design.
5. Finally, when there are no issues, you are ready to import the file to Bravo Studio.

Resources

• 🎓 Learn more from our Help Center
• 🎥 Subscribe to our Youtube channel
• 👋 Join the Bravo community

We want to improve with your Feedback!



If you have any questions or issues, don’t hesitate to reach out to us at [email protected]