# DESIGN TO SWIFT

- [Convert Design to Swift](/design-to-swift/convert-design-to-swift.md): Create your iOS App with Monday Hero
- [Create Swift Components](/design-to-swift/creating-components.md): Create components like buttons, text fields, lists, grids, and much more...
- [System Components](/design-to-swift/creating-components/system-components.md)
- [Views](/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](/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](/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](/design-to-swift/creating-components/system-components/convert-button-design-to-ios-android-code.md): Convert Button component to Android/iOS code.
- [TextField/EditText](/design-to-swift/creating-components/system-components/convert-text-to-ios-android-code.md): Convert TextField/EditText component to Android/iOS code.
- [Text Area](/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](/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](/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](/design-to-swift/creating-components/system-components/list-design-to-ios-android-code.md): Convert the List design to iOS/Android code.
- [Grid](/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](/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](/design-to-swift/creating-components/custom-components.md): Create Custom Components and Craft Your Own Library
- [Video Player Code Component](/design-to-swift/creating-components/video-player-code-component.md): Add Video Player to iOS Code
- [Colors](/design-to-swift/colors.md)
- [Text Styles](/design-to-swift/text-styles.md)
- [Assets](/design-to-swift/assets.md)
- [Shadows, Gradients, and Other Design Elements](/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](/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](/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](/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](/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