> For the complete documentation index, see [llms.txt](https://learn.mondayhero.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero.md).

# WORKING WITH MONDAY HERO

- [Automatically Generated Components](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/auto-component-code-generation.md): Monday Hero can automatically understand some components and convert design to Swift/Kotlin code.
- [Views](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/auto-component-code-generation/design-to-view-code.md): Monday Hero can automatically understand the views, and convert design to Swift/Kotlin code.
- [Texts](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/auto-component-code-generation/design-to-text-code.md): Monday Hero can automatically understand the texts, and convert design to Swift/Kotlin code.
- [Images](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/auto-component-code-generation/design-image-to-code.md): Monday Hero can automatically understand the images, and convert design to Swift/Kotlin code.
- [Convert to Components](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/component-convert-to-ios-android-code.md): Import the Sketch/Adobe XD design and convert design to iOS/Android code in minutes.
- [How to Convert to Components](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/component-convert-to-ios-android-code/how-to-convert-component-to-ios-android-code.md): Import your Adobe XD/Sketch design, then convert to components and export all the colors, fonts, assets, images, and generated code for iOS/Android in one place.
- [Convert to Button](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/component-convert-to-ios-android-code/convert-button-design-to-ios-android-code.md): Convert Button component to Android/iOS code.
- [Convert to TextField/EditText](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/component-convert-to-ios-android-code/convert-text-to-ios-android-code.md): Convert TextField/EditText component to Android/iOS code.
- [Convert to Text Area](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/component-convert-to-ios-android-code/convert-text-area-to-ios-android-code.md): Convert TextView/Text component to iOS/Android code.
- [Convert to Status Bar](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/component-convert-to-ios-android-code/convert-status-bar-design-to-ios-android-code.md): Status Bar design in Adobe XD/Sketch should be removed, projects should use a system-provided status bar.
- [Convert to Search Bar](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/component-convert-to-ios-android-code/convert-search-bar-design-to-ios-android-code.md): Convert Search Bar component to iOS/Android code.
- [Convert to Lists and Grids](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/component-convert-to-ios-android-code/list-grid-design-to-ios-android-code.md): Convert to List and Grid design to iOS/Android code.
- [Convert to List](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/component-convert-to-ios-android-code/list-grid-design-to-ios-android-code/list-design-to-ios-android-code.md): Convert the List design to iOS/Android code.
- [Convert to Grid](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/component-convert-to-ios-android-code/list-grid-design-to-ios-android-code/grid-design-to-ios-android-code.md): Convert the Grid design to iOS/Android code.
- [Export Code](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/export-design-to-swift-android-code-monday-hero.md): Convert Adobe XD/Sketch design to code. Export the generated UI code as iOS/Android code and run in both Android Studio/Xcode.
- [Export All Screens as a New Project](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/export-design-to-swift-android-code-monday-hero/export-design-to-xcode-android-studio-new-project.md): Convert Adobe XD/Sketch design to code, export the generated UI code as iOS/Android code, and run in both Android Studio/Xcode. Bring your idea to life in minutes.
- [Export Only Selected Screen as a New Project](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/export-design-to-swift-android-code-monday-hero/export-selected-design-to-xcode-android-studio-new-project.md): 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 Only Selected Screen Into an Existing Project](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/export-design-to-swift-android-code-monday-hero/export-design-to-xcode-android-studio-existing-project.md): Convert the changes in Adobe XD/Sketch design to code, export the generated new UI code as iOS/Android code, add new changes that are ready to run in both Android Studio/Xcode.
- [🚧 Configure Code Preferences (WIP)](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/code-preferences-ios-android.md): Configure code preferences for iOS/Android and maintain your/team's code standards.