# Import Design File Into Monday Hero

## Import the UI Design and Auto-Generate the Assets

Sketch plugin will be automatically installed when you install Monday Hero. You should select the artboard/s that you want to work on in the design tool. Click **Plugins > Monday Hero > Export**.

{% hint style="warning" %}
If you can’t see/don't have the plugin in Sketch/Adobe XD, **Plugins > Monday Hero**, you can manually download it from [here](https://mondayhero.io/download) and [**double-click to install**](https://learn.mondayhero.io/v1-mac-app/getting-started/install-app-and-plugin) in seconds.
{% endhint %}

### Sketch / Adobe XD Plugin to Import Design

{% tabs %}
{% tab title="Sketch" %}
![Exporting designs from Sketch via Monday Hero Plugin.](https://2355570332-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEfkN8oSQyQ4BaBzwxH%2F-MGi65jd_HPR07_RpMnM%2F-MGi6frEFLw5Fb9z7p88%2Fimage.png?alt=media\&token=efe7ee6c-1b68-46bb-bc41-86c19d2a04fd)
{% endtab %}

{% tab title="Adobe XD" %}
![Exporting designs from Adobe XD via Monday Hero Plugin.](https://2355570332-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEfkN8oSQyQ4BaBzwxH%2F-MIK7EgdXPf0b0MGzEDJ%2F-MIK8Fb8Md_cq8V1aNbJ%2FScreen%20Shot%202020-09-28%20at%2017.36.46.png?alt=media\&token=9633c03d-1655-402f-a7f6-0941e1558f0e)
{% endtab %}
{% endtabs %}

After clicking the export button, the project selection pop-up will appear. Choose the project and click **Import**.

![Monday Hero Plugin — Project Selection Screen](https://2355570332-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEfkN8oSQyQ4BaBzwxH%2F-MIYOn7El3lH4m3aXDkY%2F-MIYT9LLcuwrDdeepmSK%2Fexport.png?alt=media\&token=d57ab050-d87a-423e-b622-268cb4980804)

You will see the **Importing Design** pop-up window. While you are watching the animation, Artboards you've selected are getting analyzed and uploaded to your project.

![Uploading designs through Monday Hero Plugin.](https://2355570332-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEfkN8oSQyQ4BaBzwxH%2F-MGiZHxI_4R9GoKjoB33%2F-MGi_iPPqtszFaGH-1Qe%2Fimage.png?alt=media\&token=d13b3799-d7d6-409a-a331-3d0828c7e49a)

When the animation finishes, the screens are added into the project as can be seen below and the design file is exported.

![Monday Hero - Screens: Uploaded screens under Project Screens window.](https://2355570332-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEfkN8oSQyQ4BaBzwxH%2F-MGiZHxI_4R9GoKjoB33%2F-MGiaBWy_runHotKjZlC%2Fimage.png?alt=media\&token=84acb97e-42ac-4e1b-88a8-bb114c261704)

You can continue to work on the screens [individually](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/component-convert-to-ios-android-code) or [share them with your team](https://learn.mondayhero.io/v1-mac-app/getting-started/manage-team-developer-designer-role).