# Export Only Selected Screen Into an Existing Project

## Had a design review and now doing the same changes in the project files again? Not with Monday Hero.

You can import the changed pages, convert the changed components, and export the new changes directly into an existing project with Monday Hero.

### Download Code & Assets

Be sure that the screen that will be exported is open, and click the **Export > Into Existing Project** as it can be seen below.

{% tabs %}
{% tab title="iOS" %}
Choose the path that the screen will be exported and be sure that it has **.xcassets** folder. Click **Export,** and downloading will be started.

![Exporting into an iOS project.](https://2355570332-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEfkN8oSQyQ4BaBzwxH%2F-MG9FpCKmDQheM-5QynD%2F-MGC2oNw_HsMkpYwxTCd%2F24-export-existing-iOS.png?alt=media\&token=e743e8cd-f893-4a80-9eaf-fcde0d50a28e)

{% hint style="warning" %}
It is not possible to export if the path doesn't have the **.xcassets** folder. A warning pop-up that says 'Please choose a folder that has xcassets file.' will appear.
{% endhint %}

The exporting progress bar will pop-up and a 'blink' sound will be heard when it's done. Open the directory that is exported, the project is there. It will automatically download **Colors.swift, Fonts.swift, assets**, and **the** **code of the selected screen**. The code changes on depending on your preferences, you can either download with Storyboard file or only as code.

{% hint style="warning" %}
The Storyboard file will be downloaded as **main.Storyboard**. Be sure that the Storyboard file name is different in the existing project before downloading the new screen to **avoid** **overwriting**.
{% endhint %}

Let's add the new files to the project by following the next 2 steps below in Xcode. 

![](https://2355570332-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEfkN8oSQyQ4BaBzwxH%2F-MI2yiPVcm5vDocDrXhg%2F-MI2zWgxL2ECiPn3lMuw%2F01.png?alt=media\&token=48c353fe-55c6-48d2-86ed-86775aa0133d)

**Step 1**: Open the project, **right-click** to the project folder and select **'Add Files To \[nameOfTheProject]'** 

![](https://2355570332-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEfkN8oSQyQ4BaBzwxH%2F-MI2yiPVcm5vDocDrXhg%2F-MI2zbM9SUlyMu34LHk0%2F02.png?alt=media\&token=83b4e909-d29e-4c3e-b46c-73a0760299d2)

**Step 2**: Click the new files that are only in the main folder.  No need to go for the base/assets folder. And click **Add.**

![](https://2355570332-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEfkN8oSQyQ4BaBzwxH%2F-MI2yiPVcm5vDocDrXhg%2F-MI2zpezsJSCTvzVjZiy%2F03.png?alt=media\&token=10bb5405-918b-459a-9e21-21beaef3db51)

All done. All selected files are added to the project as can be seen below.

![](https://2355570332-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEfkN8oSQyQ4BaBzwxH%2F-MI2yiPVcm5vDocDrXhg%2F-MI3--75XwyG9BQ2ZtGo%2F04.png?alt=media\&token=435e98be-f380-41e1-8b07-a6ee68078b15)

The new screen is ready to run/edit it in the project.
{% endtab %}

{% tab title="Android(WIP)" %}
🚧  This page will be ready soon for you.
{% endtab %}
{% endtabs %}

A working project example can be seen below. All the files are created and located.

### Example of an Exported Project and Generated iOS/Android Code

{% tabs %}
{% tab title="iOS" %}
**Storyboard File**\
\
The screens are downloaded as **Main.storyboard** file (Also it is possible to export only code, without Storyboard). Downloaded Storyboard file:

![Downloaded Storyboard file for entire project.](https://2355570332-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEfkN8oSQyQ4BaBzwxH%2F-MI-NbWu56TTM6ugd9x6%2F-MI2wc_eosFNV5_U8FB3%2FScreen%20Shot%202020-09-25%20at%2009.27.45.png?alt=media\&token=484a106d-66c2-4402-9b03-887b8ae1480d)

**Colors**\
The colors are downloaded as a single file and automatically named by Monday Hero in **Colors.swift** file. The colors' values are also not duplicated.

![Colors.swift file.](https://2355570332-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEfkN8oSQyQ4BaBzwxH%2F-MI-NbWu56TTM6ugd9x6%2F-MI2x-w9xBmUsL2UAFz2%2Fcolors.png?alt=media\&token=40ed2eb4-1219-44f6-a724-9d00f008cd27)

**Fonts**\
The fonts and their sizes are downloaded in one file as text styles and can be found/edited in the **Fonts.swift** file.

![Fonts.swift file.](https://2355570332-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEfkN8oSQyQ4BaBzwxH%2F-MIxiseiC4-6m86I0qv0%2F-MIxqXSzKICvkMIdn_OG%2Fimage.png?alt=media\&token=baf552c3-40fc-4ffc-9cfe-cdbb9e6f0da1)

**Strings**\
The strings are also exported in a single file for the whole project in Localizable.strings file.

![Localizable.strings file.](https://2355570332-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEfkN8oSQyQ4BaBzwxH%2F-MI-NbWu56TTM6ugd9x6%2F-MI2xLyoznt-WQzwaatC%2Fstrings.png?alt=media\&token=16bdcccd-481a-4737-abc1-7cfabcb02007)

**Assets**\
One of the most important exported files is assets. They are downloaded in 1x, 2x, and 3x densities. They are all ready to use and automatically sized. They can be found in Assets.xcassets folder.

![Asset folder and files in an exported project.](https://2355570332-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEfkN8oSQyQ4BaBzwxH%2F-MJCm0rVEoQ8QjJQOsoh%2F-MJDkeMdZAWO4OFfgxk0%2F1_Fg6QEJi3cThOw5F4WDrZIA.png?alt=media\&token=6350c8d6-bf93-40fb-8b84-34793f757657)
{% endtab %}

{% tab title="Android" %}
**Layouts**\
The layouts are ready as can be seen below.

![List page layout of Travel App in Android Studio.](https://2355570332-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEfkN8oSQyQ4BaBzwxH%2F-MG997vxjPdILyIIHPDK%2F-MG9AsGo57R1zzBOG-ba%2F13-Android-layou.png?alt=media\&token=91da2679-b2bd-4cde-800c-8058ae6a43e7)

**Colors**\
We can see the colors in **colors.xml** file. These colors are named automatically by Monday Hero. 

{% hint style="info" %}
Please note that there are no duplicated values in colors, fonts, and strings.
{% endhint %}

![Downloaded Colors in colors.xml](https://2355570332-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEfkN8oSQyQ4BaBzwxH%2F-MG997vxjPdILyIIHPDK%2F-MG9BswZrEG63fwpIs19%2F14-android%20colors.png?alt=media\&token=b5c91735-a794-471f-be19-95cf2c8e1a71)

**Strings**\
As we mentioned above, the strings are also exported. They are placed in the **strings.xml** file. 

![Downloaded Strings in strings.xml file](https://2355570332-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEfkN8oSQyQ4BaBzwxH%2F-MG997vxjPdILyIIHPDK%2F-MG9CJ_umMMaH_axnql4%2F15-android%20strings.png?alt=media\&token=5d1260d1-5e61-42b6-9055-914893b410f5)

**Fonts**\
Also, we gather the fonts and their sizes in one place as text styles and which can be found/edited in the **fonts.xml** file.

![Downloaded Text Styles in fonts.xml](https://2355570332-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEfkN8oSQyQ4BaBzwxH%2F-MG997vxjPdILyIIHPDK%2F-MG9CixAzyyIgLuR_T1c%2F16-%20android%20fonts.png?alt=media\&token=6bda1cc6-ef12-4737-9080-be25ae700170)

**Assets**\
And the last but not least, the assets. They are all ready to use and automatically sized in the **res** folder.The images are downloaded in mdpi, hdpi, xhdpi, xxhdpi and, xxxhdpi densities. 

![Android Image Assets](https://2355570332-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEfkN8oSQyQ4BaBzwxH%2F-MJCkEaeXUGm0p-BrjWV%2F-MJCkNK9ZX6dimyW1ziL%2F17-android%20assets%202.png?alt=media\&token=d009096e-c2e2-4317-bdfb-1b1b38ec7da3)
{% endtab %}
{% endtabs %}

As can be seen above, the project is ready to run. After these steps, the development takes place out of Monday Hero. With already exported project UI as an Xcode project or Android Studio project, and it is ready for development. Now it is time to work on the backend services and configurations as planned. Happy coding!