Creating an app with Adobe XD

The Bravo plugin for Adobe XD allows you to create and update Bravo projects from your Adobe XD file.

🔓 Sign in from the Bravo plugin

1. Install the the Bravo Studio plugin in Adobe XD.

2. Open a bravorized XD file. Click on the plugin icon in the lower-left corner to access the Bravo Studio plugin.

3. Click Manage Bravo Project > Sign in

4. Click Open browser

5. A browser window will open with a code, check if it's the same code that appears in the plugin > click Confirm

6. Once you see a success page, you can close the browser page and return to XD.

🆕 Create a new project

1. To create a new Bravo project with your XD file, click Create. Change the project name if you'd like.

You cannot change the project name after it's created.

2. In Bravo Studio, you will see the newly created project as the most recent project on the Projects page.

3. In the Bravo plugin, you will now see the project appear in the list of projects that you can update.

You can create as many Bravo projects from the same XD file as you want. Just keep in mind that these projects are linked to the same file.

Check out your app with the Bravo Vision previewer app. 🚀

📱Bravo Vision previewer

🔄 Update a project

1. To update a Bravo project with your XD file, select the project from the list of projects that you can update.

2. Click Update

3. You will see the changes automatically reflected in Bravo Studio and Bravo Vision.

If you don't see the changes in Bravo Vision, long press (in Bravo Vision) > click Update with Bravo.

Last updated

Was this helpful?