Get started with Bravo Studio ๐Ÿ‘

Welcome to Bravo Studio Help Center, the knowledge center of documentation, tutorials, and sample files on how to use Bravo Studio to create your next native mobile app.

What is Bravo Studio?

Bravo Studio is the piece that connects the design and the backend to build a fully functional app. Unlike other app builders, Bravo leverages the design and the data handling of third-party tools, adding flexibility to the process. In summary, to create an app we need:

  • Figma or Adobe XD to design the UI

  • Any backend with a REST API to store the data (Optional)

  • Bravo Studio to add functionality by connecting the design with the data. We call โ€œbindingโ€ to this process.

Bravo goes beyond converting a design into an app. It is designed to make, manage and maintain native mobile applications. By working directly with the app design, we can ensure the app remains 100% true to design, whilst dramatically decreasing development time and providing sophisticated functionality.

On the one hand, since the design part is leveraged to Figma or Adobe XD you can benefit from the power of these tools in a number of ways:

  • They are the standard in the industry, offering lots of features and great UX

  • Most designers already know how to use them

  • Both have a huge community of users and a lot of learning material

The same goes for the backend. With Bravo you are able to connect to any public API and get the data into your app. There are lots of no-code backends that you can use, for example:

  • Airtable is an enhanced version of Google Sheets, best for beginners.

  • Xano is a scalable and flexible backend, best for low-coders.

  • Supabase provides a dedicated database based on Postgres, best for experts.

  • Use your own backend. Bravo is great for creating an app when you already have a website.

What Bravo does is to add functionality to your app by connecting the data with the elements of the UI. For this we need to use Bravo tags, a list of text strings placed in the elements of your design file, that Bravo converts into native components (both iOS and Android).

Create your account

Let's start by creating your Starter (free) account to bring your creative projects to life! Begin by following these steps:

  1. Ensure you have an active Figma account.

  2. Visit Bravo Studio and click on the "Sign Up with Figma" button.

  3. Choose to sign up using your Google account or via email and password.

  4. Follow the prompts to complete the sign-up process.

  5. Congratulations!๐ŸŽ‰ Your Bravo Starter account is now ready for use.

Build your first app

Follow this step by step tutorial to learn how to build your first app with Bravo Studio. You will understand how Bravo works and get familiar with the basic concepts: , , and more:

๐Ÿš€Create your first app

Need some help?

  • The Bravo Community: An open forum designed for all Bravo users. It serves as a space for users to ask questions, seek assistance, showcase their projects, and connect with fellow Bravo enthusiasts.

  • Hire a Bravo Expert: Personalised tutoring and assistance for various tasks, including app development.

  • Email support: Users on specific plans can report any issues they encounter via email.

  • Bravo Assistant: Exclusive to paid users, the Bravo Assistant harnesses the power of AI to provide answers to how-to questions and offers additional support for inquiries.

If there are any topics you'd like us to add to our documentation, please share your feedback here.

Last updated