# The app page

After you import a design file, you will enter the apps 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.

![](https://1444025092-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXpqEanvOhm8vMtIH8i%2Fuploads%2F0pcmCVc49LbvpfmXGolH%2FFull%20Screenshot.png?alt=media\&token=3f3cbaff-79eb-4512-956a-dfedc7c1ea5b)

**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.

{% hint style="info" %}
Learn about the [publication process](https://docs.bravostudio.app/app-publication/publishing-your-app).
{% endhint %}

![](https://1444025092-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXpqEanvOhm8vMtIH8i%2Fuploads%2FIRDdZ6w3zmO2gX3kftEL%2FFull%20Screenshot-1.png?alt=media\&token=51c2fb25-a396-448d-a9b2-bd37c50985f7)

## 3. Toolbar

![](https://1444025092-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXpqEanvOhm8vMtIH8i%2Fuploads%2FQzRcJoENQgHyhlsbMdSU%2FStandard%20Screenshot.png?alt=media\&token=86a822de-258c-4827-9b99-7bc21292b79d)

{% hint style="info" %}
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.
{% endhint %}

**Open Figma file** - Opens the imported Figma file on a new browser tab.

1. **Upgrade App** - If you made any changes in your Figma file, make sure you click here to update your Bravo app.
2. **Update** - Update your latest Figma design.
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](https://docs.bravostudio.app/good-to-know/troubleshoot/errors-after-importing)
4. **Troubleshoot your app** 
5. **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).

   [Learn more](https://docs.bravostudio.app/get-started/bravo-vision-previewer)

That's it! 🎉