Get started with Bravo Studio 👏

Welcome to Bravo Studio Help Center, the knowledge centre 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 (this is optional though)
  • 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 backend, best for low-coders
  • Supabase provides a dedicated database based on Postgres, best for experts
  • You can also 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).

Start here 👋

Get started right away with these essential Bravo concepts

Create your first app with Bravo

Follow this 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:

If you can't find what you need here, reach out for support:

  • The Bravo Community: Available for all Bravo users. Here you can ask any questions related to building an app with Bravo, and get answers and help from fellow users. Members of the Bravo team check the community periodically and will answer as well. Also, this is a great place to showcase your projects and connect with fellow makers!
  • Hire a Bravo Expert: Get personalised tutoring or hands-on help with setting up your design file, your backend database, or building an entire app.
  • Email support: Available for Olé users, the Bravo team provides 1-1 email support with questions and issues. Check out our support policy for what we can and cannot help you with.

Bug reporting

If something doesn't work as expected, or if you experience any strange behaviour in your app or in Bravo Studio, we'd be very thankful if you reported it to us. You can use any of the support channels described above for that.
We can't wait to see what you build! 👏