Bravo Studio Help Center
Searchโ€ฆ
โŒƒK
๐Ÿ•บ

What's new

Be sure to not miss out on new features and improvements! ๐Ÿš€

Coming soon ๐Ÿš€

  • ๐Ÿ—‚ Segmented tabs โ†’ Allow creating Multiple lists under a tabs / segmented control.
  • โœจGraphQL Body Type โ†’ Enable using GraphQL as a body type on your API requests.
  • ๐Ÿ”Œ Baserow API wizardโ†’ Get all your API requests in Bravo from your Baserow databases.

24 November 2022

Google Analytics has arrived!

Google Analytics allows you to track all the events in your apps, such as first time opens, screen views, sessions, and more. Upgrade your project to Business App to use this feature (which is still half price for Black Friday!)

New blog: "How we built our no-code app with Bravo: The Story of Voda App"

We sat down with the creators of Voda App to learn about their app-building experience using Bravoโ€™s Business App, Figma and Xano to create something amazing.

Introducing: the Bravo Studio referral program

Could you introduce us to users who want to build an app for their business on Bravo? We're now offering a referral program, which rewards you with 15% of the revenue earned for the first year for every user that you introduce to our Business App upgrade. ๐ŸŽ‰

3 November 2022

Facebook app event tracking has landed

Facebook App events allow you to track specific actions or events that occur on your app, such as a person installing your app or completing a purchase. Unlock this feature with our Business App upgrade.

More releases:

20 October 2022

Now we're talking! Real-time chat has arrived

We are thrilled to announce that today weโ€™re releasing a new exciting feature for Bravo: Real-time chat. Thanks to our integration with CometChat, your app can have real-time group chats, 1:1 chats between admin and clients (e.g. support chat) and more. Itโ€™s time to make your app more social!

Debugger improvements

We have added more improvements to the debugger tool, and now you will be able to see and debug also each interaction with the Bravo platform that involves requests and params:
  • Remote page
  • Remote actions
  • Form submissions
For each interaction, you will see the remote URL, response, method, and included parameters. Activate debug mode in Bravo Vision and see the requests in the debug stream from Bravo Studio.

6 October 2022

Our new plan with In-app purchases has arrived!

We are delighted to announce the arrival of our latest app upgrade - the Bravo Business App!
For those of you wanting to build apps with subscriptions for digital products and services - this is the upgrade for you! After releasing an In-app purchase with our Support Package we are now bringing it to more people with the Business App plan. Not only will this unlock recurring revenue for you or your business, youโ€™ll also be able to grow a loyal and engaged audience that wonโ€™t have to leave the app to make purchases. This will reduce any signup or login friction ๐Ÿš€
๐Ÿ“ฒ Upgrade your app nowโ€‹
More releases:

14 September 2022

Launching Bravo Studio 3.11 apps for work

We have launched our Bravo Studio 3.11 apps for work. Features released:
๐Ÿ’œ Business Support Package -> With Early access to In-App purchase
๐Ÿ’Ž Bravorizer Figma Pluginโ€‹
๐Ÿ”Œ Xano importerโ€‹
๐Ÿ”ƒ Sortable list itemsโ€‹
โœจ New Bravo Vision UI

31 August 2022

Firebase Google & Apple logins

Your app users can now log into your app using their Apple and Google accounts! We have added these to the existing Firebase Authentication options (email & password, login by phone, and anonymous login). This will reduce any signup or login friction ๐Ÿš€
๐Ÿ‘‰ Learn how to setupโ€‹
๐Ÿ“ฒ Figma File sampleโ€‹

18 August 2022

Swipe to delete gesture

You can now enable native swipe-to-delete functionality in your Bravo apps. When the user carries out the swipe gesture on an item, it is removed from the screen and the API request of your choice is triggered
๐Ÿ‘‰ Learn how to setupโ€‹
๐Ÿ“ฒ Try out the sample appโ€‹

21 July 2022

Anonymous login for Firebase

We've introduced Anonymous Login as an authentication method for Firebase, which allows users to access your app without providing personal information such as an email address, username or password. Furthermore, you can restrict access to certain pages depending on whether the user is anonymous or not, so you can provide a great UX for the users that enter your app for the first time.
๐Ÿ‘‰ Learn how to setupโ€‹
โ€‹

7 July 2022

Swipe pages

We have launched todayโ€™s most popular scrolling effect for your app! Swipe pages is a new Bravo tag that changes the usual page scroll to vertically or horizontally snapping one full screen at a time - also known as the TikTok scroll effect. Switch up the way you display your content feed to your users! ๐Ÿคฉ
๐Ÿ‘‰ Learn how to setupโ€‹
๐Ÿ“ฒ Try out the sample appโ€‹
โ€‹

16 June 2022

Firebase login with phone number

Allow app users to login into the apps using their phone number! You can use Firebase Authentication to sign in to a user by sending an SMS message to the user's phone. The user signs in using a one-time code contained in the SMS message. This is a great way to reduce signup and login friction ๐Ÿš€
๐Ÿ‘‰ Learn moreโ€‹
โ€‹

6 June 2022

Debug API requests in Bravo Vision

We have made it easier to solve API issues encountered while previewing your app in Bravo Vision. Now you can enable debugging and understanding of what is happening and where the problem is. The new debug event stream will show you not only the exact request information including URL params, response code, and body but useful information related to binding and more.
๐Ÿ‘‰ Learn moreโ€‹

New Pro apps. An upgrade option for apps in the Olรฉ plan

If you subscribe to the Olรฉ plan, youโ€™ll be able to upgrade any of your apps to PRO. PRO apps got the Bravo branding removed and the versioning feature, ****to test new features or designs before pushing them to your live app. You can have as many Pro apps as you need.
Upgrading any of your apps to PRO app will cost โ‚ฌ19 per app/month.
๐Ÿ‘‰ Learn more about Pro appsโ€‹
โ€‹

12 May 2022

Required input fields

Easily Guide your app users to complete the forms on your app! Create a Form and add an input to be required, that way your app users will not miss any mandatory information to fill in before sending the form!
๐Ÿ‘‰ Learn moreโ€‹

28 April 2022

Post-login page

Improve the onboarding experience of your app! Add a page that will be displayed after the login or register action and before the home screen. It can be shown only once or always. Some examples of what you can do:
  • Show a form to complete the userโ€™s profile after signing up
  • Show a page to ask for notification permissions
  • Show a one-time welcome screen
๐Ÿ‘‰ Check out how it worksโ€‹

13 April 2022

We have made it easier for you to share your apps! Instead of sharing your app by individual emails, now you can do it with a deep link that allows anyone to open your app directly in Bravo Vision. If they donโ€™t have Bravo Vision installed they will be able to download it firstโœจ. Check out this new option on the share button of your app in Bravo Studio
๐Ÿ‘‰ Go to my app projectsโ€‹

23 March 2022

Multilingual apps

Now Bravo supports multiple languages! ๐Ÿ”ฅ
You can translate your static texts to as many languages as you want, manually or via Google Cloud Translation. Your app will detect the language of the device and show the matching translation automatically.
๐Ÿ‘‰ Check out how it worksโ€‹

Download builds & keystore inside Bravo

Now you can download your app builds and Android Keystore files inside the Publication section in Bravo (History tab). You'll still receive these assets by email as before.
๐Ÿ‘‰ Check out the app publication guides for Android and iOSโ€‹

Account linking control

We have added more options regarding Bravo account management. Now, you'll be able to add secondary login accounts, besides your primary login (the account you registered with). This will be useful in case you lose access to your primary login, or you need alternative methods to log in.

16 February 2022

Video input field

Now, you can add a video input in your forms. This will allow the app users to record a video from their phone camera and upload it. Also, they'll have the option to upload a video from their gallery.
๐Ÿ‘‰ See documentationโ€‹
๐Ÿ‘‰ See sample design fileโ€‹

15 January 2022

Form Checkboxes

Checkboxes will allow your app users to set options as true or false depending on whether the user checked the component or not. This new component works just as the Like button but instead of triggering a remote action on pressing, it binds its value to the form submission. The fun part is that you can design the component as you want. ๐Ÿคฏ
๐Ÿ‘‰ See documentationโ€‹

Like & Favourite buttons

Engage your users with your app by giving them the ability to like or favourite specific content! You can design your own UI components with default & active states. When the user taps the component, the state changes, and a remote action is triggered. Unlock the potential!
๐Ÿ‘‰ See documentationโ€‹

Android publication improvements

We have improved the Android app publication process, adding the option to create your own Keystore file directly on Bravo Studio! ๐ŸŽ‰ Now you won't have to install Android Studio nor use the terminal on macOS in order to own the Keystore file in case in the future you want to develop the same app independently from Bravo.
๐Ÿ‘‰ See documentationโ€‹

2 December 2021

Charts

Visualize your API data with pie or bar chart. With this component, you can create data visualizations inside your apps with dynamic data retrieved from your backend.
๐Ÿ‘‰ See documentationโ€‹

Custom authentication (beta)

If your backend doesn't connect with OAuth 2.0 or Firebase, such as Xano and Bubble, now you can create an authentication flow for your apps using any backend tool of your choice - even a custom one.
๐Ÿ‘‰ See documentationโ€‹

21 November 2021

Bravo Studio

๐Ÿ‘€ Conditional visibility
Add visibility conditions to an element based on parameters. With the visibility property, you can control which UI elements you want to show in the app, based on the API data. You could choose to hide certain elements within a list upon certain conditions, or display some UI elements only to specific users, among other cases. Manage what your app users will see!
๐Ÿ‘‰ Learn moreโ€‹
โ€‹
๐Ÿ”ฅSample apps new UI
We have improved the user experience of the Sample apps section with a new UI. Now you can see a preview of the app and check its functionalities before duplicating it.
๐Ÿ‘‰ Learn moreโ€‹

4 November 2021

Bravo Studio

๐Ÿ”ฝ Selector input in Forms
Now you can add selector inputs to the native forms! Allow your app users to select from a list of options when filling out a form.
๐Ÿ‘‰ Learn moreโ€‹
๐Ÿ‘ฆ Children app setting for Android build
Comply with the child-directed service policy on Android when your app is targeted for children up to 12 years old.
๐Ÿ‘‰ Learn moreโ€‹

21 October 2021

Bravo Studio

๐Ÿ”Zoomable images
Now your app users can zoom in on the images in your app! Just add this new Bravo tag to your image layer.
๐Ÿ‘‰ See How it worksโ€‹
โ€‹
โ€‹
โ€‹
๐Ÿค“Connect multiple API requests per app screen
Now your app users can zoom in on the images in your app! Just add this new Bravo tag to your image layer.
๐Ÿ‘‰ Learn moreโ€‹

In other news

๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป How to bravorize your design file
Setting up your design file ("bravorizing" it) is the first and one of the most important steps to creating a pixel-perfect app in Bravo. In this video, learn how to take an existing design file and make it ready to be connected to your Bravo app project.
๐Ÿ‘‰ Watch nowโ€‹
โ€‹

5 October 2021

Bravo Studio

๐Ÿ”ฅ Discover the next level of Bravo Studio 3.0
We're so excited to launch a whole set of new features. Now more than ever, you can build beautiful and complex native mobile apps
Highlights of this release
๐Ÿ‘ฏโ€โ™€๏ธ Connect multiple requests per app screenโ€‹
โž• Lots of other improvements and extensions Find out more on our website and Product Hunt page. As part of this special launch, we have a promo code to upgrade your plan, go check it out! ๐ŸŽ‰

23 September 2021

Bravo Studio

๐Ÿ“š Bravo Studio Help Center has moved
As of today, our help center has a new home! We have been working the past months to migrate our help center to a new platform for improved navigation and search. What has changed?
What has not changed?
  • The content. Documentation and tutorials are exactly as before, plus more!
  • The overall structure, but now easier to browse and search nested articles.
We will continue to add new docs, guides, tutorials for all that you need to learn and use Bravo. Bookmark it!

19 September 2021

Bravo Studio

๐Ÿ”—Connect to Notion API
The wonderful world of APIs! Since Notion has released their API, you can build an app in Bravo connected to your Notion documents. Here is our tutorial on how to create a video content app from a Notion table.
๐Ÿ‘‰ See Tutorialโ€‹

โ€‹

In other news

๐Ÿ’ก Bravo Tips: Bravo Vision previewer
Are you using Bravo Vision correctly? Learn how to use the Bravo Vision previewer app like a pro so you can build your apps with maximum potential!
๐Ÿ“บ Watch Now!โ€‹

2 September 2021

Bravo Studio

๐Ÿ” Versioning
Now you can update your app design, add a new feature, and experiment with users in Bravo Vision. You have control over what's pushed to the live apps in App Store and Google Play.
๐Ÿ‘‰ Learn how it worksโ€‹

In other news

๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป Ultimate Guide to Mobile App Planning | Build it with Jonas
In this video, Jonas gives a rundown on the essential steps before starting your app: validating your app concept, how to structure your app infrastructure (Backend and how it works together with the rest), structure your app database, collaboration, app privacy, and maintenance.
๐Ÿ‘‰ Watch nowโ€‹

5 August 2021

๐Ÿ” Versioning

Bravo Studio

๐Ÿค– New publishable build format for Android
Starting from now, Google Play will require a different app package format for publication. Fear not! Bravo has automatically adapted the publication build to generate what's required for your app project. If you publishing an app for the first time, you will receive a build with the .AAB extension.
๐Ÿ‘‰ See our updated docsโ€‹

In other news

๐Ÿค“ New tutorials using remote action:

23rd July 2021

Bravo Studio

๐ŸŽ“ Using Bubble as a backend for Bravo
[Bravo Level: Advanced] There are a lot of Bubble apps out there, web-based apps. See how to build a native mobile application with Bravo Studio and connect Bubble as a backend using APIs.
๐ŸŒŸ Follow the tutorialโ€‹
โ€‹

In other news

๐Ÿ’ก Bravo Tips: Bravo Vision previewer
Are you using Bravo Vision correctly? Learn how to use the Bravo Vision previewer app like a pro so you can build your apps with maximum potential!
๐Ÿ“บ Watch Now!โ€‹

22nd June 2021

Bravo Studio

  • ๐Ÿง‘โ€๐Ÿ”ง Debug in request setup No more vague error messages! Check out the status of the request after you send it to understand what went wrong (or right!)
  • ๐Ÿ–Š Info.plist editor
    If your app is in another language, the info.plist file included in the IPA (iOS app build) should be in the corresponding language or it may be rejected by the App Store.
    Now you can edit the default info.plist file when requesting your app build and add additional lines if needed.

In other news

  • ๐Ÿ’ก Tutorial: connect Bravo with Backendless
    Looking for something more advanced than Airtable as your backend?
    โ€‹Backendless is a tool that allows you to connect your mobile app frontend to their APIs, databases, and services which can provide you with a ton of functionality. Learn how to create a photo-sharing app with Bravo and Backendless in this tutorial.
    โžก๏ธ See The Tutorial

10th June 2021

Bravo Studio

  • ๐Ÿ’ฐAccept card payments in your app with Stripe
    [Bravo Level: ๐Ÿ”ฅAdvanced]
Introducing one-time card payments! Add a custom checkout page to your app with our Stripe integration and start receiving payments from your app.
Available now on the ๐Ÿ’ƒ๐ŸปOlรฉ and ๐ŸŽฉBravissimo plans. ๐ŸŒŸ Follow the tutorialโ€‹
  • ๐Ÿ› Payment Sample App
    Can I connect my database of products and prices to the Stripe payment feature? Yes! Duplicate the sample app "Stripe Payments" to see how the data binding is done
  • ๐Ÿ’ก New tooltips in Data Library
    What is a request URL? What are Headers? Now you can find tooltips to help you every step of the way while connecting an API to Bravo. Log in and check it out!

27th May 2021

Bravo Studio

  • ๐ŸŽ“ Tutorial: list > list > detail page setup
    [Bravo Level: ๐ŸŒฑBeginner] New tutorial to show how to create, for example, a list of countries where next you can see a list of cities, and then detail information about them
    ๐ŸŒŸ Follow the tutorialโ€‹

In other news

  • ๐Ÿ’ก Tip of the Week: Sharing your app
    Did you know that you can share your apps directly from Bravo? Share your app project with friends, clients, or testers to get insights and validate your app idea!
    ๐Ÿ“บLearn Howโ€‹

13th May 2021

Bravo Studio

  • ๐ŸŒŸ New Dashboard section
    Learn from the start! We added a Dashboard section in the Bravo Studio menu where you can find resources, tutorials, videos, and more to get a jump start.
    โžก๏ธ Login to Bravo Studio
  • ๐ŸŽ“ Tutorial: create a notes app with user ID and email
    [Bravo Level: ๐Ÿ”ฅAdvanced] Take your app to the next level with personalized content for your users! Learn how to use the user ID and user email variables in your API requests in order to display user-specific content
    ๐ŸŒŸ Follow the tutorialโ€‹

In other news

  • ๐Ÿ’ฌ New Bravo Community
    We're excited to announce that we have a new home for the Bravo community at community.bravostudio.appโ€‹
We will archive the Spectrum community on Wed., May 19. This means you can no longer post, existing content will remain accessible, but read-only.
โžก๏ธ Join our communityโ€‹
  • ๐Ÿท All of the Bravo Tags in one doc
    We have created the ultimate Figma file. Find all of the Bravo Tags and their example in this file. Then copy and paste the example to your Figma file with the tags and containers already in place.
    โžก๏ธ Check Figma Fileโ€‹

29th April 2021

Bravo Studio

  • ๐Ÿ“– Add pagination to your list
    [Bravo Level: ๐Ÿ”ฅAdvanced]
    When you want to display a database of hundreds and thousands of records in your app, pagination comes in handy. Also known as "load more item" or "infinite scroll," it's a magical thing that dramatically improves your app UX.
    Learn how: Here

In other news

  • ๐Ÿค” How can I boost my app performance?
    Now all Bravo Studio users are able to paginate their content and boost their app performance. This feature is key when dealing with a lot of data and endpoints.
    โžก๏ธ Read all about itโ€‹

14th April 2021

Bravo Studio

  • ๐Ÿ”ฅ Bravo Studio plugin for Adobe XD is LIVE!
    You heard it here! Now you can create native mobile apps in Bravo with your Adobe XD design. Download the Bravo Studio plugin in Adobe XD plugin marketplace to create projects and sync your edits.
    Download Plugin: Hereโ€‹

In other news

  • ๐Ÿ“บ Bravo Tips: iOS Publication #7
    The app publication process is a maze, but we're here to guide you. Watch this quick walkthrough on how to publish your app in the Apple App Store.
    โžก๏ธ Watch Now!
  • ๐Ÿค“ Make smart home apps with Bravo
    [Bravo Level: ๐Ÿ”ฅAdvanced]
    Check out this awesome app case created by the team of Titan, a no-code backend system that connects systems, sensors, and software to generate new functions and automation. Combining Titan, Figma, and Bravo, they created a light control app!
    โ€‹Read how it's doneโ€‹

31st March 2021

Bravo Studio

  • ๐Ÿ” Search on Horizontal Sliders
    [Bravo Level: ๐ŸŒฑBeginner]
    Now the search bar works with horizontal sliders! If your design includes a horizontal slider, you can now use the search tag to display results within the slider. Check out the sample app in Bravo called "Search & Filter."
    See sample app: Hereโ€‹

In other news

  • ๐Ÿค“ Tutorial: user authentication without Firebase
    [Bravo Level: ๐Ÿ”ฅAdvanced]
    Once you have mastered the Bravo basics, expand your app limit by creating features in your app with other tools. In this tutorial, learn how to add user authentication and data interaction in your app with Xano, a powerful backend tool.
    See Tutorial: Hereโ€‹

3rd March 2021

Bravo Studio

  • ๐ŸŽ‰ Pop-up pages
    Give your app multiple dimensions! Change up the way you display content and guide your user journey with pop-up overlays. See how it's done in the Figma file below
    See Figma File: Hereโ€‹

โšก๏ธ Multiple Loading & Spinners

Bravo Pro Tip: You can overlay the custom animation on your app screen while it loads the next page, and have different loading for different sections of your app.
Check out the Custom Loading app in the Sample Apps section in Bravo Studio.

16th February 2021

Bravo Studio

  • ๐Ÿ”ฅ Rating Alert in your published apps
    Do my app users like my app? Ask them what they think directly in your app! The rating alert will allow you to collect feedback and ratings to be displayed in your app store listing.
    See how it works: Hereโ€‹

In other news

๐Ÿ“ธ Create an Instagram clone
A social app for food lovers! This app has a feed of food photos and caption, the ability to create new post and share existing, and comment on each post. Follow the tutorialโ€‹

2on February 2021

Happy New year from the Bravo Team! ๐Ÿฅณ๐Ÿพ

Bravo Studio

  • ๐Ÿ”ฅ New animations: page reveal
    The show must go on! Choose from multiple reveal animations to define how the content will appear in your app pages when opening that page.
    Check out this sample appโ€‹
  • ๐ŸŒ’ Hide yo' tabs menu
    Sometimes, you just don't need the tabs below. Define which pages to hide the tab menu by adding a simple tag.
    Check out this sample appโ€‹
  • ๐ŸŽฒ Bravo variables for API requests
    Personalize your app content to your users by utilizing these Bravo-supported variables to your API requests.
    โ€‹See documentationโ€‹

In other news

๐Ÿ“บ YouTube
๐Ÿ‘‰ Design, Build, & Launch an App with Bravo Studio | Part 1 ๐ŸŽจ Build an App with Bravo Studio | Figma Setup | Part 2โ€‹

19th January 2021

Bravo Studio

  • ๐Ÿ”ฅ New types of top bars
  • Spice up your top bar behaviors! Now you can choose from the fixed-top bar, hide when scroll, or show when scroll. Open the Figma file below to see the new tags and import them into Bravo to see the behaviors. Check Sample appโ€‹

In other news

  • ๐Ÿ“บ New Bravo Tips: GET
    Learn in 2 minutes how to set up a GET request to retrieve data from a database (we're using Airtable) and connect it to your app design to populate it with real data.
    โžก๏ธ Bravo Tips #3: Get request for list data โ†’ Watch Now!โ€‹

5th January 2021

Happy New year from the Bravo Team! ๐Ÿฅณ๐Ÿพ

Bravo Studio

  • ๐Ÿ”ฅ State Components & Variants
    We're welcoming 2021 with something you've been asking for all of 2020. Now, you can add visual states to your UI elements to display when your app menu it's active or show when an element it's pressed. Game changer.
    Check out this sample app Find out all Bravo Tags needed in the Master list
  • ๐Ÿ“ More Input fields
    Choose from 11 different types of input fields for your form pages! Based on the input field type, the phone keyboard will change for optimal input experience. Your users will appreciate it. See this Figma file to see how to set it up!

In other news

  • ๐Ÿฆธโ€โ™€๏ธ Bravo Experts are here.
    Hire a Bravo Expert to speed up building your app idea! Our Experts can help you with UI/UX, setting up your Figma file, API integrations, app publication, and more.
    โ€‹Check them out.โ€‹
    ๐Ÿ‘ Do you have what it takes to become a Bravo Expert yourself? Apply hereโ€‹
    โ€‹
  • ๐Ÿ“บ New Bravo Tip Video
    โžก๏ธ Bravo Tips #2: Menu โ†’ Watch Now!โ€‹

22nd December 2020

Happy holidays from the Bravo Team! ๐ŸŽ„

Bravo Studio

  • ๐Ÿ”” Push notifications
    Our Christmas present to you ๐Ÿ˜ You can send push notifications to your app users!
    Check out this sample app to see the new tags and this tutorial on how to set it up in Bravo. You can test it out on Bravo Vision or directly in your published apps.
  • ๐Ÿ’ก Modal pages
    Modals are pages that open partially over the current screen. They are helpful when you want to display content that complements the screenโ€™s primary content without leaving the page. See this Figma file to see how to set it up!

In other news

  • ๐Ÿ‘‘ Vote for us on awwwards.
    Did our website catch your attention and your heart? Do you think it deserves an award for design, creativity, and innovation on the Internet?
    Show us your love with your vote for the best site design! โžก๏ธ Vote here โฌ…๏ธ
  • ๐Ÿ“บ Watch the recorded webinars
    โžก๏ธ Watch the Product Bible webinarโ€‹
    โžก๏ธ Watch the #100DaysOfNoCode workshopโ€‹

9th December 2020

Bravo Studio

  • ๐Ÿ”ฅ States on pages
    Get multiple states based on your API response such as empty, default, or error. Duplicate the sample app "States Pages" in Bravo (connected to Airtable API) and check out the tags in the Figma file below. P.S. Make sure your Bravo Vision is up to date! Check out the tags in the Figma file.โ€‹
  • โšก๏ธ Action: download files
    New action tag! Allow users to download files such as images, videos, and PDFs. Great for portfolio apps, social apps, and internal productivity apps. Check out the Figma setup.โ€‹

In other news

  • ๐Ÿ‘ Be Brave, Be Bravo
    2020 is about to finish! It has been a tough year where we became resilient. 2021 should be a year full of exciting challenges. One of our new yearโ€™s resolutions is to help designers level up thanks to no-code. If you can design, then you can deliver a final product easily with the right tools.
  • ๐ŸŽ Win a Brave Pack
    We have prepared a big giveaway to help you get started! Giving you the opportunity to win 2 Brave packs that contain free access to our pro plan Bravissimo (1 year) + a pack of super cool swag. You can participate in our Instagram and Twitter accounts.

24th November 2020

Bravo Studio

  • Rich text support: Markdown & HTML styling
    Connect Markdown and HTML styling from an API to your text boxes! Duplicate the sample app "Rich Text Webflow" in Bravo (connected to Webflow API) and check out the tags in the Figma file.
  • New Bravo Tag: Scan QR code
    Now you can scan QR codes in your apps! The tag opens the phone camera to scan the QR code and opens the link in a web browser. Duplicate the sample app "Scan QR" in Bravo and check out the Figma setup.

In other news

  • Bravo Friday: 30% off all plans
    Gift yourself the power to create next-gen native apps! 30% off Olรฉ and Bravissimo, monthly and yearly! Valid until Friday, Nov 29, 23:59h CET.
    โ€‹Use the code at checkout: BRAVOFRIDAY30
    โ€‹
  • New videos!
    Bravo Tips #1: Containers โ†’ watch nowโ€‹
    Tutorial: Build the My Subscription Tracker app โ†’ watch nowโ€‹
    โ€‹

10th November 2020

Bravo Studio

  • New feature: Multi-line input field
    Add input fields for long answers into your forms. Add the Bravo Tag [component:input-textarea] on a textbo in Figma to turn it into a multi-line text area.

In other news

  • New Bravo sample: Shopify store app kit
    Learn how to add a Shopify Store into your mobile apps! Get your clients up and running into the App Store and Google Play.
    Check out the app kit in Figma and this Shopify app published in the App Store.

13th October 2020

Bravo Studio

  • Authenticate your app users
    Learn how to set up a login page in your Bravo app. In this tutorial, you will learn how to set up the UI in Figma and how to configure Firebase to store and manage your users.

In other news

  • Bravo Studio 2.0
    The relaunch of Bravo comes in time with the release of one of the most awaited pieces of our roadmap: Login.
    We have come a long way since we launched Bravo and today marks a huge milestone for us but more importantly to all of you. We want to celebrate this day sharing with the world the power that Bravo offers today.
    ๐Ÿš€Visit Product Hunt postโ€‹

29th September 2020

Bravo Studio

  • Pro feature: Remote actions. Add an API request to an action ๐Ÿ›ฐ
    Use remote actions to trigger any external service API connected to your app providing you endless possibilities. From deleting a record in Airtable or sending an email with Sendgrid to triggering complex workflows in n8n.io.
    These are just some examples of what remote actions can help you with:
    • Switch on or change the color of LED lights
    • Create a list and add a delete action
    • Modify external data
    • "To-do list" type of apps
    • Add a Like button
    โ€‹
  • New: Layers. Add fixed and sticky components to your app. ๐Ÿฐ
    With our new Layer Tag, you can now add a static/fixed layer to your UI.
    Keep that important element or CTA button always visible on-screen while users scroll.

In other news

  • How to start winning customers thanks to no-code tools ๐Ÿ’ฐ
    If you are a freelancer designer or aspiring to become a no-code maker but don't know how or where to find customers, this article will surely point you towards the right direction.
    โ€‹Read nowโ€‹
  • New Video Tutorial: Learn how to use the Transition Tag, by app.monster ๐Ÿ“บ
    Jonas takes us through the theory of transitions when designing our app UI and how to add a more dynamic and lively design with the use of the Bravo Transition Tag.
    โ€‹Watch nowโ€‹

15th September 2020

Bravo Studio

  • Horizontal Slideee ๐Ÿ’ƒ
    Introducing horizontal scrolling; the latest Bravo Tag allows you to slide a collection of frames horizontally. Choose from 7 different animations.
  • Enable ALL Bridge HTTP request methods ๐Ÿ“ฉ
    Get and post external and user data across your app design.
    Upgrade to Olรฉ or Bravissimo plans and enable all Bravo Pro features including all Bridge HTTP requests methods ๐Ÿ’…
    This means you don't just get and display data, but you can also let users input and send data back to your database. Start your 30-day free trial with Olรฉ ๐Ÿ’ƒ

In other news

  • Learn the Slider Bravo Tag ๐ŸŽ“
    Visit our Learn Center to see how you can use our new Tag and add a horizontal list to your app. Learn what it does and how it works here!
  • New Video Tutorial ๐ŸŒฟ
    Jonas takes us through the entire process of how he built his app that won second place in the Bravo Challenge ๐ŸŽ‰
    Click here to watch the super insightful video!
    You can also find the Figma file in our Bravo Blocks sections or here.
    We ๐Ÿ’— you Jonas

1st September 2020

Bravo Studio

  • Audio is HERE!
    Check out this super powerful feature and get it into your designs! ๐Ÿ˜Ž Learn all about it here.
  • Design your own Spotify app
    Check how we have built this music app using the audio Bravo Tag. This can be found in your Bravo Studio dashboard! Check out this app here!

In other news

  • Sell fully white-labeled apps ๐Ÿ’ธ
    Remove ALL Bravo branding from your apps!
    Earn money designing and launching apps for your clients. With our Bravissimo Plan you can remove all Bravo Branding from your creations and fully customize your app icon, splash screen, and loading pages ๐Ÿค—
    โ€‹Upgrade today!โ€‹
  • One-to-one Bravo Team consultations for Bravissimo and Olรฉ users ๐Ÿ› 
    We are enabling exclusive live consultation daily slots to all Olรฉ and Bravissimo users. Whether you need technical assistance, discuss a project or simply need that push to get you started we are here for you. If you are on Olรฉ or Bravissimo Plan you will soon receive your exclusive booking link to book your call ๐Ÿฅณ

18th August 2020

Bravo Studio

  • Binding native actions to data from an API
    Now you can connect (bind) unlimited native actions to your lists and detail pages in your app designs
    See what you can do here! ๐Ÿ‘ˆ

In Other News

  • Bravo Challenge Winners!
    ๐Ÿ† Firstly, we would like to thank all the Bravo users that registered and participated in our very first Bravo challenge!
    We were amazed by the awesome projects everyone submitted. Secondly, we would like to thank our dear sponsors of the challenge, Typeform and Chooseyourplant!
    Last but not least, congratulations to the winners of our very first Bravo Challenge! ๐Ÿ‘
    โ€‹**Check out the winners๐Ÿ‘ˆ**

4th August, 2020

Bravo Studio

  • POST requests for native forms ๐Ÿ“ก
    Send data straight to your database with POST request (or other request types) through fully custom forms in your app.
    Both of our Pro plans (Olรฉ and Bravissimo) can now connect POST requests to native form inputs ๐Ÿ‘
    Learn more here!
  • Text input component ๐Ÿ–Š๏ธ
    Design fully custom native forms for your apps
    Use the latest Bravo Tag [component:input-text] when designing your login screens or forms in your app.
    This offers a fully customized user experience when it comes to requesting and collecting data ๐Ÿ’…
    interested? click hereโ€‹

More Bravo News

  • URL Links in your app โšก
    Not long ago Figma announced that it supported URL links so that you can link to an external URL within your file ๐Ÿ”—
    Now, we are delighted to announce that Bravo supports them too. Add URL links in your Figma design to direct your app users to external pages
    Try it out here!
  • New binding UI๐ŸŽจ
    Check out the all new UI for binding lists & detail pages
    Data Binding has a new look! Here are two tutorials that walks you through how to use the new binding setup ๐ŸŽฅ

21st July, 2020

Bravo Studio

  • More API authentication methods enabled for Olรฉ and Bravissimo users
    All paid plans Bravo users (Olรฉ and Bravissimo plans) can now connect to more APIs with the updated Authentication feature ๐Ÿ‘
    Connect to any API that requires Basic Auth, API Key or Bearer. With this new feature, you only need to authenticate once when creating your collection instead of having to authenticate every new request ๐Ÿ˜ฒ
  • New Free Bravo Block: Fitness App UI Kit
    Ever wanted to create a pulse-raising fitness app?? Duplicate our latest Bravo block UI Kit and make it your own ๐Ÿ’ช
    Bravo Blocks are here to help you get started right away with your app. Simply duplicate your Figma files and start customizing them with your own branding and content ๐Ÿ’…

In Other News

  • IT'S BRAVO CHALLENGE TIME ๐Ÿ†
    Will you be our very first Bravo Challenge champion? Register and participate for a chance to win amazing prizes from Bravo Studio and our challenge partner Typeform. We cant wait to see your creations!
    Registrations end 26th July 12pm (CEST).
    Register here!โ€‹
    Check out the challenge here!โ€‹
    There are amazing prizes to be won... ๐Ÿ’ฐ

7th July, 2020

Bravo Studio

  • Your Apps - Ready to Publish ๐Ÿš€
    Signing your Bravo apps just got (at least) 95% easier and faster!
    Now, Bravo offers a fully automated process to sign your app files before publishing them in App Store and Google Play Store

In Other News

  • Transitions โ™จ๏ธ
    Choose and add your preferred page transition style Bravo Tag to any screen. ๐Ÿ‘€
    This tag should be located at Page level (First level Figma Frame).
    Check them out here!โ€‹

June 16th, 2020

Bravo Studio