# Errors when creating an app

## Import error

Some issues in your design file are preventing Bravo to import the file successfully. Typically, this happens due to a wrong setup of the container elements, such as having containers expanding outside the parent frame, or overlapping with each other. It can also be caused by having unsupported elements in your design file, such as very large SVGs. 

Make sure you've followed the guidelines on how to [bravorize a file](https://docs.bravostudio.app/set-up-design/setting-up-your-design-file). In case you want to adapt an existing Figma project, file or template into Bravo, check out the video below.

{% embed url="<https://www.youtube.com/watch?t=2s&v=A_Ih0ETwMa0>" %}

## Your design file is too big!

This error occurs when there are too many **elements or pages** found in the design file you are trying to import.

Elements are&#x20;

Here are the element limits per plan and add-ons:

* **Business**: 7200 elements.
* **Advanced**: 6000 elements.
* **Pro**: 4200 elements.
* **Starter, Solo, Bravissimo**: 3000 elements.

{% hint style="success" %}
**How to solve:** Try to reduce the number of layers, vector elements, or app pages (top-level layers) in the design file, and then add more once you can import successfully.&#x20;

* Add the <mark style="color:red;">`[skip]`</mark> tag to any Figma frame (and page) non-relevant to the app.&#x20;
* **Group together vector layers.** This way Bravo considers them as one element rather than many separate elements.&#x20;
* Use the <mark style="color:red;">`[component:svg]`</mark> tag to convert multiple elements into just one, when you don't need to bind any data to them.
  {% endhint %}

{% hint style="info" %}
Each plan allows a maximum number of **pages and elements** per app. If you have reached this number, you can [upgrade your plan](https://projects.bravostudio.app/pricing).
{% endhint %}

<figure><img src="https://1444025092-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXpqEanvOhm8vMtIH8i%2Fuploads%2FIXpJCRFyzaq9MEWSYbTv%2Fimage.png?alt=media&#x26;token=20601512-cfa4-4169-8155-ce8542e102c4" alt=""><figcaption><p>Error details</p></figcaption></figure>

## Element is not within a container

A visual element is misplaced outside the container. Check out [this section](https://docs.bravostudio.app/set-up-design/setting-up-your-design-file) to learn how to set up your app pages.

{% hint style="success" %}
**How to solve:**&#x20;

* Move the element is mentioned on the warning **inside a container.**
* Follow the guidelines on [**how to bravorize**](https://docs.bravostudio.app/set-up-design/setting-up-your-design-file) a design file.
  {% endhint %}

## Error accessing Figma document

The Figma file ***doesn't exist*** or you ***don't have permission*** to access it. Verify if the sharing permission in the Figma file is set to "**can view**" with the link. Also, try to login and logout from Bravo/Figma again.

{% hint style="success" %}
**How to solve:** &#x20;

* Check if the Figma URL **is correct.**
* Review that you have **permission** to the Figma document.
  {% endhint %}

## **Error processing Figma images**

Occasionally, Figma's rate limit hinders Bravo import. Please **try again later** or contact us if this issue persists.

{% hint style="success" %}
**How to solve:** Try to reduce the number of layers, vector elements, or app pages (top-level layers) in the design file, and then add more once you can import successfully.&#x20;

* Follow the guidelines on [**how to bravorize**](https://docs.bravostudio.app/set-up-design/setting-up-your-design-file) a design file&#x20;
* Reduce the number of pages, layers, vectors elements, or groups.
* Add the <mark style="color:red;">`[skip]`</mark> tag to any Figma frame (and page) non-relevant to the app.&#x20;
* Use the <mark style="color:red;">`[component:svg]`</mark>tag to convert multiple elements into just one, when you don't need to bind any data to them.
  {% endhint %}

## **Invalid app page type**

You may have set up your app pages in a way that is not compatible with Bravo. Check out [this page](https://docs.bravostudio.app/set-up-design/setting-up-your-design-file) to learn how to set up your app pages.

{% hint style="info" %}
**Remember:**&#x20;

* Make sure you've followed the guidelines on [**how to bravorize**](https://docs.bravostudio.app/set-up-design/setting-up-your-design-file) a design file.
  {% endhint %}

## **Invalid structure**

You may have set up your app pages in the wrong **layer hierarchy**. Check out [this page](https://docs.bravostudio.app/set-up-design/setting-up-your-design-file/structuring-the-design-the-layer-hierarchy) to learn how to structure your design or learn how to [Bravorize](https://docs.bravostudio.app/set-up-design/setting-up-your-design-file) your design.

{% hint style="info" %}
**Remember:** Each level is inside ("nested" within) the level above.

* **Top-level layer**: always the app page component.
* **Second-level layer**: always a container component.
* **Third-level layer**: all the UI elements (text, shape, image, etc.)
  {% endhint %}

## **No element found**

The design file **does not contain elements (a blank file**) or elements **compatible with Bravo**. Please double-check the design file.

{% hint style="info" %}
You can always check how are built our [**Sample apps**](https://projects.bravostudio.app/sample-apps/complete-apps)
{% endhint %}

## **No Figma account linked**

A **Figma account must be linked** to process this operation.\
Please sign in to Bravo with a Figma account or link a Figma account to the current email you logged in with, via your profile page.

{% hint style="info" %}
If you do not have a Figma account, go to [Figma website](https://www.figma.com/login) first.
{% endhint %}

## **No Figma file linked**

The app is not linked to any existing Figma document.

{% hint style="info" %}
**How to solve:**

* Make sure the Figma File has not been **deleted.**
* Please contact our [***support team***](https://docs.bravostudio.app/need-some-help/report-an-issue) if persist.
  {% endhint %}