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

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/1114a3ad-4617-4b27-a827-04274387b3c7/Screenshot_2020-07-10_at_16.09.51.png

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.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/bfa6d7a8-d74f-43be-a24d-a8bbb1a06d1e/Screenshot_2020-07-10_at_16.36.22.png

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.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/29e6b571-1939-42ce-99a2-cf271156b861/Screenshot_2020-07-10_at_16.47.03.png

3. Toolbar

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/f05aa43c-7f08-4c73-abbc-941058626610/Frame_7.png

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.

  1. Open Figma file - Opens the imported Figma file on a new browser tab.
  2. Update with Figma file - If you made any changes in your Figma file, make sure you click here to update your Bravo app.
  3. 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. Learn more