# Get your Figma ready for Bravo

**What is Bravorizing?**

**Bravorizing** is the process of setting up your design file for being converted into a fully functional native app by Bravo Studio. This process ensures that your designs are optimized and compatible for a seamless conversion and app development experience.

Bravorizing generally consists of:

* [**Structuring layers**](https://docs.bravostudio.app/set-up-design/setting-up-your-design-file/structuring-the-design-the-layer-hierarchy) as required by each Bravo component.
* [**Adding** **Bravo tags**](https://docs.bravostudio.app/set-up-design/setting-up-your-design-file/what-are-bravo-tags) to add functionality and structure.

Learn the art of *bravorizing* through our beginner's guide video. Below, find step-by-step instructions for an easy setup process. To familiarize yourself with its setup, make sure it's already Bravorized. You can also duplicate this [**sample design file**](https://docs.bravostudio.app/set-up-design/sample-design-files) to learn more.

{% embed url="<https://youtu.be/A_Ih0ETwMa0>" %}

{% embed url="<https://youtu.be/737wQ2AB1Fs>" %}

### Learn how to set up your design file before importing it to Bravo:

{% content-ref url="setting-up-your-design-file/structuring-the-design-the-layer-hierarchy" %}
[structuring-the-design-the-layer-hierarchy](https://docs.bravostudio.app/set-up-design/setting-up-your-design-file/structuring-the-design-the-layer-hierarchy)
{% endcontent-ref %}

{% content-ref url="setting-up-your-design-file/the-container" %}
[the-container](https://docs.bravostudio.app/set-up-design/setting-up-your-design-file/the-container)
{% endcontent-ref %}

{% content-ref url="bravo-plugin-for-figma" %}
[bravo-plugin-for-figma](https://docs.bravostudio.app/set-up-design/bravo-plugin-for-figma)
{% endcontent-ref %}

{% content-ref url="setting-up-your-design-file/what-are-bravo-tags" %}
[what-are-bravo-tags](https://docs.bravostudio.app/set-up-design/setting-up-your-design-file/what-are-bravo-tags)
{% endcontent-ref %}

{% content-ref url="setting-up-your-design-file/app-navigation" %}
[app-navigation](https://docs.bravostudio.app/set-up-design/setting-up-your-design-file/app-navigation)
{% endcontent-ref %}

{% content-ref url="sample-design-files" %}
[sample-design-files](https://docs.bravostudio.app/set-up-design/sample-design-files)
{% endcontent-ref %}

{% content-ref url="bravo-best-practices" %}
[bravo-best-practices](https://docs.bravostudio.app/set-up-design/bravo-best-practices)
{% endcontent-ref %}

### Tutorial: Create your first app with Bravo

Follow this tutorial to learn how to create your first app with Bravo Studio. \
You will understand what Bravo is and its very basic concepts: Bravorizing, Bravo Tags, Binding and more:

<div align="center"><img src="https://1444025092-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXpqEanvOhm8vMtIH8i%2Fuploads%2FXql9lysE7RrsJa4FDcGz%2FScreenshot_2022-07-26_at_19.59.39%20(1).png?alt=media&#x26;token=3cff5ed9-fa59-422c-841e-601b286056cb" alt=""></div>

Check out the complete tutorial here:

{% content-ref url="../get-started/create-your-first-app" %}
[create-your-first-app](https://docs.bravostudio.app/get-started/create-your-first-app)
{% endcontent-ref %}