# Sample design files

Use these *bravorized* design files to learn Bravo! They include containers and Bravo Tags and they are ready to be imported into Bravo Studio. You can also find them in the [Sample Apps](https://projects.bravostudio.app/sample-apps/complete-apps) section.

{% hint style="info" %}
**Bravorizing** is the process of setting up your design file for being converted into a native app by Bravo Studio. It consist of using containers, structuring layers and using Bravo tags. [Learn more on what bravorizing is.](/set-up-design/setting-up-your-design-file.md)
{% endhint %}

## <img src="/files/-MfE-fR4nqFAan6H1bAC" alt="" data-size="line"> Figma files

Duplicate our *bravorized* sample Figma files from our [Figma community page](https://www.figma.com/@bravostudio) to learn more about how a design needs to be set up for being Bravo-ready.&#x20;

Some examples:

{% embed url="<https://www.figma.com/community/file/1134788542858691041>" %}

{% embed url="<https://www.figma.com/community/file/1065318978437109787>" %}

{% embed url="<https://www.figma.com/community/file/979785681292985266>" %}

{% embed url="<https://www.figma.com/community/file/1026897938184618660>" %}

Head over to our [Figma community page](https://docs.bravostudio.app/set-up-design/www.figma.com/@bravostudio) for more sample design files.

## <img src="/files/-MfE-h_oSwTbspxwoTQ2" alt="" data-size="line"> Adobe XD files

Download these *bravorized* Adobe XD design files to learn more about how a design needs to be set up for being Bravo-ready.

{% tabs %}
{% tab title="XD: Bravo functionalities" %}
{% file src="/files/-MfE032MTT2Rbo1S-9wJ" %}
Bravo sample: Mobile Actions
{% endfile %}

{% file src="/files/-MfE032NFtON\_L\_syjUk" %}
Bravo sample: Audio
{% endfile %}

{% file src="/files/-MfE032OQvB1653HW8B9" %}
Bravo sample: Component States
{% endfile %}

{% file src="/files/-Mi6zW0hWXxeP\_-5E8sS" %}
Bravo sample: Custom Loading
{% endfile %}

{% file src="/files/-Mi6zxy-Nt03OKh0TEsX" %}
Bravo sample: Hide Tabs Menu
{% endfile %}

{% file src="/files/-Mi7-6uD7v2JawC4anLT" %}
Bravo sample: Intro Pages
{% endfile %}

{% file src="/files/-Mi7-AV9c5Z9UAxI6mEV" %}
Bravo sample: Login
{% endfile %}

{% file src="/files/-Mi7-DwRd3o5J9LY0KSA" %}
Bravo sample: Modals
{% endfile %}

{% file src="/files/-Mi7-GkG1uSPe58a3Utr" %}
Bravo sample: Page States
{% endfile %}

{% file src="/files/-Mi7-LNErNj\_MKLHPmTZ" %}
Bravo sample: Page Transitions
{% endfile %}

{% file src="/files/-Mi7-PequZVVnG5trrUG" %}
Bravo sample: Pop-ups
{% endfile %}

{% file src="/files/-Mi7-Ss1eEC-59OCaufB" %}
Bravo sample: Push Notifications
{% endfile %}

{% file src="/files/-Mi7-YCj7gmkJQVOCJWz" %}
Bravo sample: Reveal Animations
{% endfile %}

{% file src="/files/-Mi7-al3JC76UrLFTBJ5" %}
Bravo sample: Rich Text
{% endfile %}

{% file src="/files/-Mi7-iqSkgG1mDtiKzHP" %}
Bravo sample: Search & Filter
{% endfile %}
{% endtab %}

{% tab title="XD: apps" %}
{% file src="/files/-MfE-CljK-W4aKyQHJTy" %}
Bravo sample app: Travel app 2.0
{% endfile %}

{% file src="/files/-Mi6zeGfA-ntOqXbNp5H" %}
Bravo sample app: Foodgram
{% endfile %}

{% file src="/files/-Mi6zr56KreeYVzFR8rM" %}
Bravo sample app: Foodies
{% endfile %}

{% endtab %}
{% endtabs %}


---

# 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/set-up-design/sample-design-files.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.