The app page

After you import a design file, you will enter the app projects page where you configure your app.

1. Screens tab

This shows a static preview of all of the screens of your app. If your screen design is longer than the preview size, it will be cropped.
Hover over any screen to enter Data Binding mode. Where you bind API requests to your app UI.

2. Publish tab

Once your app is ready for publication, request your publishable app packages here.
Learn about the publication process.

3. Toolbar

If your project uses an Adobe XD file, icon #1 and #2 will not appear. Sync your project with the Bravo Studio plugin for Adobe XD.
Open Figma file - Opens the imported Figma file on a new browser tab.
  1. 1.
    Update with Figma file - If you made any changes in your Figma file, make sure you click here to update your Bravo app.
  2. 2.
    Notifications - Notifies you if Bravo detects any setup issue with the design file. They do not prevent you from previewing your app, but your app may look different from your design file if they are not fixed.
  3. 3.
    Share - Invite people via email to privately view your app. Invitees can see your app from their account in Bravo Vision, but not in Bravo Studio.
  4. 4.
    Preview on Bravo Vision - Scan the QR code to open Bravo Vision on your phone (if you have it installed) or to open the app store (if you don't).
That's it! 🎉