> 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/design-to-swift.md).

# DESIGN TO SWIFT

- [Convert Design to Swift](https://learn.mondayhero.io/design-to-swift/convert-design-to-swift.md): Create your iOS App with Monday Hero
- [Create Swift Components](https://learn.mondayhero.io/design-to-swift/creating-components.md): Create components like buttons, text fields, lists, grids, and much more...
- [System Components](https://learn.mondayhero.io/design-to-swift/creating-components/system-components.md)
- [Views](https://learn.mondayhero.io/design-to-swift/creating-components/system-components/design-to-view-code.md): Monday Hero can automatically understand the views, and convert design to Swift/Kotlin code.
- [Texts](https://learn.mondayhero.io/design-to-swift/creating-components/system-components/design-to-text-code.md): Monday Hero can automatically understand the texts, and convert design to Swift/Kotlin code.
- [Images](https://learn.mondayhero.io/design-to-swift/creating-components/system-components/design-image-to-code.md): Monday Hero can automatically understand the images, and convert design to Swift/Kotlin code.
- [Button](https://learn.mondayhero.io/design-to-swift/creating-components/system-components/convert-button-design-to-ios-android-code.md): Convert Button component to Android/iOS code.
- [TextField/EditText](https://learn.mondayhero.io/design-to-swift/creating-components/system-components/convert-text-to-ios-android-code.md): Convert TextField/EditText component to Android/iOS code.
- [Text Area](https://learn.mondayhero.io/design-to-swift/creating-components/system-components/convert-text-area-to-ios-android-code.md): Convert TextView/Text component to iOS/Android code.
- [Status Bar](https://learn.mondayhero.io/design-to-swift/creating-components/system-components/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.
- [Search Bar](https://learn.mondayhero.io/design-to-swift/creating-components/system-components/convert-search-bar-design-to-ios-android-code.md): Convert Search Bar component to iOS/Android code.
- [List](https://learn.mondayhero.io/design-to-swift/creating-components/system-components/list-design-to-ios-android-code.md): Convert the List design to iOS/Android code.
- [Grid](https://learn.mondayhero.io/design-to-swift/creating-components/system-components/grid-design-to-ios-android-code.md): Convert the Grid design to iOS/Android code.
- [Swift Supported Components](https://learn.mondayhero.io/design-to-swift/creating-components/system-components/swift-supported-components.md): In this section, we'll take a look at which iOS components are supported or not in Monday Hero.
- [Custom Components](https://learn.mondayhero.io/design-to-swift/creating-components/custom-components.md): Create Custom Components and Craft Your Own Library
- [Video Player Code Component](https://learn.mondayhero.io/design-to-swift/creating-components/video-player-code-component.md): Add Video Player to iOS Code
- [Colors](https://learn.mondayhero.io/design-to-swift/colors.md)
- [Text Styles](https://learn.mondayhero.io/design-to-swift/text-styles.md)
- [Assets](https://learn.mondayhero.io/design-to-swift/assets.md)
- [Shadows, Gradients, and Other Design Elements](https://learn.mondayhero.io/design-to-swift/shadows-gradients-and-other-design-elements.md): In this section, we'll explore how Monday Hero works with the Figma plug-in.
- [Firebase](https://learn.mondayhero.io/design-to-swift/firebase.md): Here you can find how to use Firebase with features of Monday Hero
- [How to get Video URL from Firebase](https://learn.mondayhero.io/design-to-swift/firebase/how-to-get-video-url-from-firebase.md): Use Firebase to add your Videos and use them in your app with Monday Hero
- [Export Code](https://learn.mondayhero.io/design-to-swift/export-design-to-swift-android-code-monday-hero.md): Export the generated UI code as iOS/Android code and run in Xcode.
- [Integrating Exported Files into an Existing Xcode Project](https://learn.mondayhero.io/design-to-swift/export-design-to-swift-android-code-monday-hero/add-exported-files-into-an-xcode-project.md): Integrating Exported Files into an Existing Xcode Project