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!
19th August 2021
🔗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.
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.
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.
🎓 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
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.
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!
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."
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.
👉 Design, Build, & Launch an App with Bravo Studio | Part 1 🎨 Build an App with Bravo Studio | Figma Setup | Part 2
19th January 2021
🔥 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! 🥳🍾
🔥 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.
Our Christmas present to you 😁 You can send push notifications to your app users!
Check out this sample appto 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 ⬅️
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.
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.
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.
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.
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:
You can also find the Figma file in our Bravo Blocks sections or here.
We 💗 you Jonas
1st September 2020
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 🤗
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
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
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!
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). 💸
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. ✨