๐Ÿ•บ
What's new
Be sure to not miss out on new features and improvements! ๐Ÿš€

Coming soon ๐Ÿš€

  • Multi-language
  • Deep-link
โ€‹Check out our full roadmap ๐Ÿ—บ

Updates

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.
    โ€‹Check the pack hereโ€‹

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

  • Search and Filter data ๐Ÿ”Ž
    Add a custom search & filter bar to your app to filter items from a list by text content ๐Ÿ’ก
    The Tag: [component:input-text][action:filter]

In other news

  • NEW Bravo Tags Tutorial
    Check out our new Bravo Tags tutorial with a more detailed guide on how to set up each Tag in your designs ๐Ÿค“
    โ€‹Check it outโ€‹
  • New Bravo Block
    Duplicate and try out this recipe app block in Bravo Studio. Use this template to build your own and connect it with real live data! โšก
    โ€‹Duplicate hereโ€‹

June 2, 2020

Bravo Studio

  • Bravo Plans are here ๐ŸŽ‰
    Now all plans include unlimited app projects!
    It's up to you to decide how Bravo you want to go with 4 possible plans; Bravo, Bravito, Olรฉ and Bravissimo ๐Ÿ™Œ
    โžก๏ธ Check them out here! โฌ…๏ธ
    To change your plan:
    1. 1.
      Log into Bravo Studio (Your current account plan is now the Bravo free plan)
    2. 2.
      Click Upgrade or your username at the top-right corner
    3. 3.
      Click See Billing Settings โ†’ Change Plan
    4. 4.
      Off you go! ๐Ÿš€

Promos

  • Free Upgrade to Olรฉ
    Subscribe to Bravito before June 30 and get a free upgrade to Olรฉ plan
    โ€‹Upgrade Now!โ€‹
    sign up to Bravito, your plan will be upgraded to Olรฉ and you will enjoy the Olรฉ package for up to a year at the price of Bravito
    โ€‹Read more Ts+Cs hereโ€‹
    • Free Upgrade to Bravissimo
      Subscribe to Olรฉ before June 30 and get a free upgrade to Bravissimo plan.
      โ€‹Upgrade Now!โ€‹
      sign up to Olรฉ, your plan will be upgraded to Bravissimo and you will enjoy the Bravissimo package for up to a year at the price of Olรฉ Ts+Cs hereโ€‹

May 19, 2020

Bravo Studio

  • API Wizard ๐Ÿง™โ€โ™‚๏ธ
    Integrating with 3rd party tools will never be the same again. With the new API Wizard, you will be able to pull in and feed your external data into your app in just a few clicks ๐Ÿคฏ
    Head to your Data Collection list and create a new one to start using the wizard.
    โ€‹Give it a try, amaze yourself!

In other news

  • Bravo Webinar Series ๐Ÿง‘โ€๐ŸŽ“
    We are launching a new series of webinars where we will cover all the latest stuff happening in Bravo, walking you through step by step how to create awesome apps in no time ๐Ÿ˜Ž
    Feel free to tell us what you wish us to include in our next episode, we are all ๐Ÿ‘‚
    โ€‹Watch it nowโ€‹
โ€‹
  • nextLIVE app: "How we launched an app idea to market in less than one week with Bravo"
    Read all about why nextLIVE was created and how Bravo made it happen!
    โ€‹Read it on Mediumโ€‹

Cinco de Mayo, 2020

Bravo Studio

  • Bravo ๐Ÿค LottieFilesโ€‹
    Bring your Bravo apps to life with the coolest animations from our friends at LottieFiles.
    Add Lottie animations seamlessly to your mobile app designs and see them come alive in Bravo Vision, thanks to the newly added Bravo support in the LottieFiles Figma plugin.
    Learn all about it โžก๏ธhere โฌ…๏ธ

In other News

  • Are YOU an entrepreneur or know SOMEONE who is?
    โ€‹nextLive is a collaborative project between Barcelona-based startups and entrepreneurs. Weโ€™ve created the free app nextLIVE to support other entrepreneurs, artists, creators, musicians, creatives and businesses. ๐Ÿ‘
    At the moment we are in a test-phase with Figma, Airtable, Typeform and Bravo and open for any kind and support and contribution from others, helping us to build up this concept and bring it further to help and support people who should get more exposure for their talents, ideas, and work (and eventually paid through the app). ๐Ÿ’ธ
    Get in touch with us - [email protected]โ€‹

April 21, 2020

Bravo Studio

  • New Bravo Tags Tutorial
    Turn your layers into mobile components or actions.
    A Bravo Tag is a text string that you place in the layer names in your Figma file. After you import the Figma file into Bravo Studio, the layer with the Tag will turn into a mobile component or action in Bravo Vision. โœจ
    The tutorial is here!
  • Stores Assets Kit
    The Bravo Publication Assets Kit covers the basic Apple and Android assets you need for the publication process of a mobile app.๐Ÿ”ฎ
    Check them out hereโ€‹

In Other News

  • WANTED: Bravo Experts
    Get on the list to start receiving leads for new projects to be built with Bravo or requests for help publishing apps, directly in your inbox ๐Ÿ“ญ Apply hereโ€‹
  • New Conference Demo App
    Want to elevate your next conference experience? โซ

March 26, 2020

Bravo Vision

  • Introducing the all-new Bravo Vision
    Access all of your Bravo projects, and the ones shared with you, whenever and wherever - no QR codes or mirroring needed ๐Ÿคฉ
    Download it now from the App Store and Google Play!
    Watch it in action hereโ€‹

In other news

  • Bravo Project Sharing!
    Easily share your Bravo projects directly from Bravo Studio.
    They will receive an email with a direct link to your project and be able to preview and test your app. Yes, it's that easy.
    • Join the Bravo Community! ๐Ÿ’Ÿ
      Stay tuned with the latest announcements, request new features and send support questions!
      Moreover, please share your Bravo knowledge with everyone! Join hereโ€‹

March 13, 2020

Bravo Studio

  • 'How to Bravorize' **tutorial!โ€‹
    In this tutorial, you'll learn how to create a list and detail page connected to data! ๐Ÿ˜
    You'll also learn how to set up the detail page API request so it displays content according to the list item you tap on ๐ŸŽ“
  • Connect Google Sheets to your app design
    Here you will learn how he builds a tourist guide app using Bravo Studio, Google sheets and Sheety ๐Ÿค”Learn Howโ€‹

In other news

  • Design Course's first look at Bravo Studio
    If you haven't seen it yet, here's Gary from DesignCourse giving Bravo Studio a go! Awesome tutorial connecting to an API ๐Ÿ‘
    Hear what Gary has to say here!

March 1, 2020

Bravo Studio

  • Build Faster with Bravo Blocks UI kit
    Jumpstart your app project with our new collection of ready-made intro pages, menus, containers, top bars, page samples, and more.
    Check them out here! ๐Ÿ˜
  • New sample app: Connect to Contentful
    Explore our latest sample app integrated with Contentful. You can find this and other sample apps in your projects page ๐Ÿง
    Log into Bravo here
  • โ€‹New Tutorial: Create your own event RSVP app ๐Ÿ™Œ
    Power up your designs by connecting and automating workflows between your favourite 3rd party tools.

In Other News

  • โ€‹Bravo is Numero Uno ๐Ÿฅ‡
    Yep you read it right, Bravo is the #1 visual development tool as voted by the no-code community ๐Ÿ‘

Feb 14, 2020

Bravo Studio

  • Custom Fonts are HERE ๐ŸŽ‰
    Now you can use custom fonts in your mobile applications ๐ŸคฉSimply upload your custom font to Bravo after importing your Figma design.
  • Bravo Studio Profiles
    Your profile page is now enabled, where you can access your custom fonts library ๐Ÿ“š
  • Better Project Notifications
    Project notifications better inform you of your project state (formerly warnings). These are better organized for easy browsing and fixing ๐Ÿ˜Š

In Other News

  • Bravo Studio is listed on The No Codies development tool page as the most voted 'best no-code development tool' ๐Ÿ˜Œ
    If you have a spare 10 seconds your vote would be appreciated, vote here ๐Ÿ˜„

Jan 23, 2020

Bravo Studio

  • Get data from any database with REST API
    In addition to Airtable, now you can retrieve data from any** external databases like Contentful and Webflow and connect them to your app design!
  • Learn how to connect Airtable to your app design with our latest tutorial.

In Other News

  • Bravo is featured in this Visual Dev FM podcast episode! Listen to what they have to say about us ๐ŸŽง๐Ÿ˜
  • Check out the Bravo Studio Crash Course created by Soliudeen Ogunsola ๐Ÿ‘๐Ÿค“
  • Updates to FAQ and Troubleshooting in Bravo Help Center

Dec 10, 2019

Bravo Studio

  • We've launched on Product Hunt ๐ŸŽ‰
    Show your support for Bravo and give us an upvote!
  • Added the Bravo API integrator - connect real-time Airtable data to your Figma design via API.
    Check out the tutorial here.
  • Added app bundle request - now you can get your native iOS and Android app files to upload to app stores!
  • Added Bravo sample apps so you can quickly get started on your native app project.
    Find them at the bottom of the Projects page when you log into Bravo Studio.
  • New look! New login page and Bravo website.
  • Improving Bravo overall! ๐Ÿ’ฏ
    Performance optimizations (application is smaller and faster), better at handling errors, and bug fixes all around the house.

Bravo Vision

  • New look for Vision! (with an in-app guide on how to use Vision to preview your Bravo app projects)
    Android: download in Google Playโ€‹
  • Automatic refresh when your Bravo project updates โšก๏ธ
    When you press "Update" on your project page in Bravo Studio, Bravo Vision will detect and update as well.
  • Overall experience improvement. ๐Ÿ’ช
    Handling errors better, improved handling of SVGs, bug fixes across existing features.

Oct 11, 2019

Bravo Studio

  • Add videos, Lotties, and GIFs to your app!
    Here are the new tags that you can add to your Figma file and see them in Bravo Vision.
    • Added an update button to sync Figma change with Bravo Studio
      After you make a change in your Figma file, click the Update button in your Bravo project to sync the changes.
  • Open the original Figma file right from your Bravo project page

Bravo Vision

  • Display videos, Lotties, and GIFs in your app
  • Added an update button to sync Bravo Studio changes with Bravo Vision
    When you are previewing an app, shake your phone to activate the Settings screen to update or unlink.

August 7, 2019

Bravo Studio

  • Improved how we display importing errors
    When you click "Fix Error," it will open the Figma file in a new tab with the problem element selected.
  • List of apps now sorted by last updated
  • Nicer format of date and time everywhere

Bravo Vision

  • Added support for corner radius and stroke styling in iOS and Android
  • Added support for drop shadow in iOS

Bug Fixes

  • Improved validation of the URL that we import
  • Fixed the position of the menu on the Projects page
  • Improved loading of a long list of apps
  • Importing a Figma file will no longer stop if it contains elements with a width or height of 0.
You are all caught up! **๐Ÿ‘
Last modified 6d ago
Copy link
Contents
Coming soon ๐Ÿš€
Updates
15 January 2022
Form Checkboxes
Like & Favourite buttons
Android publication improvements
2 December 2021
Charts
Custom authentication (beta)
21 November 2021
Bravo Studio
4 November 2021
Bravo Studio
21 October 2021
Bravo Studio
In other news
5 October 2021
Bravo Studio
23 September 2021
Bravo Studio
19 September 2021
Bravo Studio
In other news
2 September 2021
Bravo Studio
In other news
5 August 2021
Bravo Studio
In other news
23rd July 2021
Bravo Studio
In other news
22nd June 2021
Bravo Studio
In other news
10th June 2021
Bravo Studio
27th May 2021
Bravo Studio
In other news
13th May 2021
Bravo Studio
In other news
29th April 2021
Bravo Studio
In other news
14th April 2021
Bravo Studio
In other news
31st March 2021
Bravo Studio
In other news
3rd March 2021
Bravo Studio
โšก๏ธ Multiple Loading & Spinners
16th February 2021
Bravo Studio
In other news
2on February 2021
Bravo Studio
In other news
19th January 2021
Bravo Studio
In other news
5th January 2021
Bravo Studio
In other news
22nd December 2020
Bravo Studio
In other news
9th December 2020
Bravo Studio
In other news
24th November 2020
Bravo Studio
In other news
10th November 2020
Bravo Studio
In other news
13th October 2020
Bravo Studio
In other news
29th September 2020
Bravo Studio
In other news
15th September 2020
Bravo Studio
In other news
1st September 2020
Bravo Studio
In other news
18th August 2020
Bravo Studio
In Other News
4th August, 2020
Bravo Studio
More Bravo News
21st July, 2020
Bravo Studio
In Other News
7th July, 2020
Bravo Studio
In Other News
June 16th, 2020
Bravo Studio
In other news
June 2, 2020
Bravo Studio
Promos
May 19, 2020
Bravo Studio
In other news
Cinco de Mayo, 2020
Bravo Studio
In other News
April 21, 2020
Bravo Studio
In Other News
March 26, 2020
Bravo Vision
In other news
March 13, 2020
Bravo Studio
In other news
March 1, 2020
Bravo Studio
In Other News
Feb 14, 2020
Bravo Studio
In Other News
Jan 23, 2020
Bravo Studio
In Other News
Dec 10, 2019
Bravo Studio
Bravo Vision
Oct 11, 2019
Bravo Studio
Bravo Vision
August 7, 2019
Bravo Studio
Bravo Vision
Bug Fixes