How Bravo Studio delivers complex, native and beautiful apps in a flexible way

Javier Felipe Blanco
Bravostudio.app
Published in
4 min readMay 9, 2022

What is Bravo Studio?

The so-called no-code tools have completely changed the paradigm of digital product creation, empowering more people to build the website or mobile app they want. The no-code landscape is broad, and each tool offers a different set of features, capabilities, and ways to create products.

Bravo Studio is a no-code app builder that enables its users to develop native mobile apps by importing a design file and connecting it to a backend to store and handle the app’s data. This means Bravo connects the design capabilities offered by tools like Figma or Adobe XD, to any backend of your choice, even your own custom backend.

no-code-app-builder

Design flexibility

One feature that differentiates Bravo from many other no-code app builders on the market is its full design flexibility. Instead of a template-based approach, that can be rigid and inconvenient for many use cases, Bravo leverages the power of Figma and Adobe XD to allow app creators to build beautiful no-code apps with full design control.

Also, since these tools are widely used by design teams to create the app designs, existing design files can be transformed into native apps faster than ever. The big community and support around these tools makes it easier to learn them as well.

Native mobile features with Bravo Tags

In order for a design file to be Bravo-ready, it needs to go through a process called Bravorizing. This consists of following some guidelines regarding the structure of the components in the design file, as well as inserting some annotations in the design file components, called Bravo Tags. These tags are used to map mobile native components to design elements, such as navigation menus, sliders, or forms.

no-coding-app-builder

Once the Bravorizing is completed, the design is ready to be imported into Bravo and transformed into a native app! However, most of the time, the app will need a database from which it will retrieve its data. This is where the API flexibility offered by Bravo comes into place.

Leveraging APIs

One of the core features of Bravo is its ability to integrate a broad amount of database and backend tools to feed the user’s mobile app with data. As long as these backends have a REST API and some endpoints to perform CRUD operations with the data, they can be integrated with Bravo.

no-code-app-builder

This flexibility allows app creators to find the most appropriate backend for their use case. While some users might choose smart databases like Airtable, some others can even choose to develop their own custom backend to create complex logic, either with tools like Xano, Backendless and Bubble, or integrate an existing backend of their own. Additionally, CMS tools like Contentful and GraphCMS can be used to feed Bravo apps. Note that several of these tools can be integrated in the same mobile app.

This unlocks a vast amount of possibilities for creators to build complex apps without coding, and also for development teams and agencies to integrate with their existing systems and toolset.

Empowering more people to be a creator of digital experiences

Bravo Studio aims to help more people become creators of digital experiences, without needing to spend a huge amount of time and money in development efforts to build a digital product.

This is an obvious benefit for creators with no coding knowledge. However, it can also help development teams, agencies and start-ups speed up their processes, and test and validate ideas faster. The twofold flexibility (design and backend) Bravo offers is a key feature to allow that, by adapting existing designs and APIs and putting them together with Bravo.

--

--