Comment on page
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.
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).
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.
- 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.🎉
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: Bravorizing, Bravo tags, binding and more:
- Email support: Users on specific plans can report any issues they encounter via email.