1.
Create your app prototype in Figma as usual (or import an existing design and prototype it).
Make sure the app screens are linked!
2.
Identify your app pages with Bravo tags.
What are Bravo tags?
Tags help Bravo identify your app design and transform them into native components. You can add any text around the [tag] for your own use, but do not modify the [tag].
Which layer do I add the tags?
Tags help Bravo identify your app design and transform them into native components. You can add any text around the [tag] for your own use, but do not modify the [tag].
3.
Add a 2nd level frame to each app screen.
Add a frame that contains all the visual elements (text, shapes, etc.) in that app screen. It should be the same size as your screen design and the direct 2nd level layer.
4.
Import your Figma file into Bravo.
To get the link to your Figma file, click Share > copy link
(make sure it’s set to viewable with link)
5.
Scan your project QR code with Bravo Vision app on your phone (available on Android and iOS).
6.
Where do I download Bravo Vision?
Log in to Bravo to get started 👏
️⚠️ Lost, amazed, or inspired?
Let us know at support@bravostudio.app or bit.ly/contactbravo
Step 1Step 2Step 3Step 4Step 5Step 6