# Creating an app with Adobe XD

The [Bravo plugin for Adobe XD](https://www.bravostudio.app/bravo-studio-plugin-for-adobexd) allows you to create and update Bravo projects from your Adobe XD file.

{% hint style="warning" %}
This is the only way to **create & update** XD projects with Bravo. You **cannot** connect with an URL or use the "Update" icon in the project page.
{% endhint %}

## 🔓 Sign in from the Bravo plugin

{% hint style="success" %}
Make sure you are logged into [Bravo Studio](https://projects.bravostudio.app/login) before starting.
{% endhint %}

&#x20;1\. Install the the [Bravo Studio plugin](https://adobe.com/go/xd_plugins_discover_plugin?pluginId=310537e8) in Adobe XD.

<div align="left"><img src="/files/-MfhbIxtU0GPw0qprZC7" alt=""></div>

2\. Open a [bravorized](/set-up-design/bravo-best-practices.md) XD file. Click on the plugin icon in the lower-left corner to access the Bravo Studio plugin.

![](/files/-MfhbIxvS-zDN14eYD4j)

&#x20;3\. Click **Manage Bravo Project** > `Sign in`

![](/files/4BmqpAUv6emOU7qIsEEW)

4\. Click `Open browser`

![](/files/4UeXpOJG6apb5IqA5g0j)

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

![](/files/HSQiL6XRvcGZ3zYYUcfz)

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

## 🆕 Create a new project

&#x20;1\. To create a new Bravo project with your XD file, click `Create`. Change the project name if you'd like.

{% hint style="info" %}
You cannot change the project name after it's created.
{% endhint %}

<div align="left"><img src="/files/7XOO9b6WbqgltcJz4TWo" alt=""></div>

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

![](/files/-MfhbIxq2ZEUl4ozrE31)

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

![](/files/uKWUeBXQuJqboTh7RDoB)

{% hint style="info" %}
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.
{% endhint %}

Check out your app with the [Bravo Vision](/get-started/bravo-vision-previewer.md) previewer app. 🚀

{% content-ref url="/pages/-MflEqUBYacF9qHsoQL6" %}
[Bravo Vision previewer](/get-started/bravo-vision-previewer.md)
{% endcontent-ref %}

## 🔄 Update a project

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

![](/files/6Z1Mbef8KuYCWyomTUeD)

2\. Click `Update`

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

{% hint style="warning" %}
You must update your project from XD, you cannot update from Bravo Studio.
{% endhint %}

{% hint style="info" %}
If you don't see the changes in Bravo Vision, long press (in Bravo Vision) > click `Update with Bravo`.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.bravostudio.app/get-started/your-bravo-app-projects/create-a-project/1-adobe-xd-how-to-use-the-bravo-plugin.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
