Export Only Selected Screen as a New Project
Convert Adobe XD/Sketch design to code, export the generated UI code for a specific screen as iOS/Android code, and run in both Android Studio/Xcode.
Export Code and Support Native iOS/Android
Download Code & Assets
Be sure that the screen that will be exported is open, and click the Export > As a New Project > Only Selected Screen and click Export, and downloading will be started.
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 and ready to run.
Example of an Exported Project and Generated iOS/Android Code
Monday Hero exports an Xcode/Android Project with colors, fonts, assets, string, and layout files. Please note that there are no duplicate values in colors, fonts, and string files.
The results of the downloaded project are different for Android and iOS Projects.
Project Structure
Monday Hero downloads the project as iOS-Example.
Storyboard File The screen is downloaded as Main.storyboard file (Also it is possible to export only code, without Storyboard). Downloaded Storyboard file:
Colors The colors are downloaded as a single file and automatically named by Monday Hero in Colors.swift file. The color values are also not duplicated.
Fonts The fonts and their sizes are downloaded in one file as text styles and can be found/edited in Fonts.swift file. The font values are also not duplicated.
Strings The strings are also exported in a single file for the whole project in Localizable.strings file.
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.
As can be seen above, the project is ready to run and after this step, development takes place out of Monday Hero. With already exported the 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!
Last updated