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

![](/files/Bw4vfe2J8T5ce9RtuB7U)

**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](/app-publication/publishing-your-app.md).
{% endhint %}

![](/files/wK3Y6fEqyGL12vLfL9CA)

## 3. Toolbar

![](/files/B9afnQYDqL8FEEvL2tto)

{% 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](/good-to-know/troubleshoot/errors-after-importing.md)
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](/get-started/bravo-vision-previewer.md)

That's it! 🎉


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.bravostudio.app/get-started/your-bravo-app-projects/app-projects-the-app-project-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.