Bravo Studio Help Center
Searchโฆ
Get Started
Set up your design
Bravo Tags
Set up your backend
Data binding
Integrations
App Publication
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. In case you want to adapt an existing Figma project, file or template into Bravo, check out the video below.
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.
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.
- Add the [skip] tag to any Figma frame (and page) non-relevant to the app.
- Group together vector layers. This way Bravo considers them as one element rather than many separate elements.
- Use the [component:svg] tag to convert multiple elements into just one, when you don't need to bind any data to them.
โ
Element is not within a container
A visual element is not located within a container. Check out this section to learn how to set up your app pages.
How to solve:
- Move the element is mentioned on the warning inside a container
โ
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.
How to solve:
- Check if the Figma URL is correct
- Review that you have permission to the Figma document
โ
Error processing Figma images
Occasionally, Figma's rate limit hinders Bravo import. Please try again later or contact us if this issue persists.
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.
- Reduce the number of pages, layers, vectors elements, or groups.
- Add the [skip] tag to any Figma frame (and page) non-relevant to the app.
- Use the [component:svg] tag to convert multiple elements into just one, when you don't need to bind any data to them.
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 to learn how to set up your app pages.
Remember:
Invalid structure
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.)
No element found
The design file does not contain elements (a blank file) or elements compatible with Bravo. Please double-check the design file.
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.
No Figma file linked
The app is not linked to any existing Figma document.
How to solve:
- Make sure the Figma File has not been deleted
- Please contact our support team if persist
โ
โ
Last modified 24d ago