🖌️Get your Figma ready for Bravo

Bravorizing is the process of setting up your design file for being converted into a native app by Bravo Studio.

In general, Bravorizing consist 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 its setup.

Learn how to set up your design file before importing it to Bravo:

🗃️pageStructuring the design: the layer hierarchy🧱pageThe container🔌pageBravo plugin for Figma🪄pageBravo Tags: adding functionality to the UI elements📲pageApp navigation💾pageSample design files🤓pageBest Practices

Tutorial: Create your first app with Bravo

Follow the following tutorial to learn how to create your first app with Bravo Studio. You will understand what Bravo is and its very basic concepts: Bravorizing, Bravo tags, binding and more:

Follow the tutorial here:

🚀pageCreate your first app

Last updated