How to use the Bravo plugin

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

This is the only way to create & update XD projects with Bravo. You cannot use the URL importer or the Update icon in Bravo Studio for XD files.

🔓 Sign in from the Bravo plugin


Make sure you are logged into Bravo Studio before starting.

  1. Install the the Bravo Studio plugin in Adobe XD.
  2. image
  3. Open a (bravorized) XD file. Click on the plugin icon in the lower-left corner to access the Bravo Studio plugin.
  4. image
  5. Click Manage Bravo Project > Sign in
  6. image
  7. Click Open browser
  8. image
  9. A browser window will open with a code, check if it's the same code that appears in the plugin > click Confirm
  10. image
  11. 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.
  2. You cannot change the project name after it's created.

  3. In Bravo Studio, you will see the newly created project as the most recent project on the Projects page.
  4. image
  5. In the Bravo plugin, you will now see the project appear in the list of projects that you can update.
  6. image

    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.

🔄 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. image
  3. Click Update
  4. You will see the changes automatically reflected in Bravo Studio and Bravo Vision.
  5. You must update your project from XD, you cannot update from Bravo Studio.


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

Happy bravorizing! 🥳