{"version":1,"pages":[{"id":"-MEfkOkOEhfB-Ehm1QJ9","title":"Overview","pathname":"/v1-mac-app","siteSpaceId":"sitesp_GusVf","description":"Meet with Monday Hero, documentation and learn how to convert design to code."},{"id":"-MGCPjz01m6Pk6QnMWQe","title":"Workflow Basics","pathname":"/v1-mac-app/workflow-for-design-to-code","siteSpaceId":"sitesp_GusVf","description":"Workflow basics that most developers and designers use while converting the Sketch / Adobe XD design to iOS / Android native code with Monday Hero."},{"id":"-MFBEm1Gc4CddX29KPtD","title":"Installation","pathname":"/v1-mac-app/getting-started/install-app-and-plugin","siteSpaceId":"sitesp_GusVf","description":"Install Monday Hero and enjoy saving time, improve handoff quality, and meet deadlines.","breadcrumbs":[{"label":"Getting Started"}]},{"id":"-MF5fnTHxnQ4mck1yDpp","title":"Login & Create a Project","pathname":"/v1-mac-app/getting-started/login-create-project-in-monday-hero","siteSpaceId":"sitesp_GusVf","description":"Log in to Monday Hero. Create an iOS / Android project.","breadcrumbs":[{"label":"Getting Started"}]},{"id":"-MFFt2QCxDdb5UG95G94","title":"Roles & Manage the Project Team","pathname":"/v1-mac-app/getting-started/manage-team-developer-designer-role","siteSpaceId":"sitesp_GusVf","description":"Manage the developers, designers, and import work on Adobe XD/Sketch design to one place.","breadcrumbs":[{"label":"Getting Started"}]},{"id":"-MHLTaCjvZUtDlYSEs9r","title":"Prepare Design To Get Best Results","pathname":"/v1-mac-app/getting-started/design-handoff-to-ios-android-developer","siteSpaceId":"sitesp_GusVf","description":"You can use this guide and check whether your Adobe XD / Sketch design file is ready to handoff to the developer on Monday Hero.","breadcrumbs":[{"label":"Getting Started"}]},{"id":"-MF5fvpP85LyqAtUgN-C","title":"Import Design File Into Monday Hero","pathname":"/v1-mac-app/getting-started/import-sketch-adobe-xd-design-into-monday-hero","siteSpaceId":"sitesp_GusVf","description":"Import design file to convert the Adobe XD / Sketch design to iOS/Android code.","breadcrumbs":[{"label":"Getting Started"}]},{"id":"-MKAl39666pIov9kpFFT","title":"Automatically Generated Components","pathname":"/v1-mac-app/working-with-monday-hero/auto-component-code-generation","siteSpaceId":"sitesp_GusVf","description":"Monday Hero can automatically understand some components and convert design to Swift/Kotlin code.","breadcrumbs":[{"label":"WORKING WITH MONDAY HERO"}]},{"id":"-MKAlEO2-PEhImw_nnaz","title":"Views","pathname":"/v1-mac-app/working-with-monday-hero/auto-component-code-generation/design-to-view-code","siteSpaceId":"sitesp_GusVf","description":"Monday Hero can automatically understand the views, and convert design to Swift/Kotlin code.","breadcrumbs":[{"label":"WORKING WITH MONDAY HERO"},{"label":"Automatically Generated Components"}]},{"id":"-MKAkeUaR98eGvVIsvk-","title":"Texts","pathname":"/v1-mac-app/working-with-monday-hero/auto-component-code-generation/design-to-text-code","siteSpaceId":"sitesp_GusVf","description":"Monday Hero can automatically understand the texts, and convert design to Swift/Kotlin code.","breadcrumbs":[{"label":"WORKING WITH MONDAY HERO"},{"label":"Automatically Generated Components"}]},{"id":"-MKAlB-JenII1QCBfRVP","title":"Images","pathname":"/v1-mac-app/working-with-monday-hero/auto-component-code-generation/design-image-to-code","siteSpaceId":"sitesp_GusVf","description":"Monday Hero can automatically understand the images, and convert design to Swift/Kotlin code.","breadcrumbs":[{"label":"WORKING WITH MONDAY HERO"},{"label":"Automatically Generated Components"}]},{"id":"-MF6N5fp9i_TYyLfkF-2","title":"Convert to Components","pathname":"/v1-mac-app/working-with-monday-hero/component-convert-to-ios-android-code","siteSpaceId":"sitesp_GusVf","description":"Import the Sketch/Adobe XD design and convert design to iOS/Android code in minutes.","breadcrumbs":[{"label":"WORKING WITH MONDAY HERO"}]},{"id":"-MKoUyLC090G7umbZe_5","title":"How to Convert to Components","pathname":"/v1-mac-app/working-with-monday-hero/component-convert-to-ios-android-code/how-to-convert-component-to-ios-android-code","siteSpaceId":"sitesp_GusVf","description":"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.","breadcrumbs":[{"label":"WORKING WITH MONDAY HERO"},{"label":"Convert to Components"}]},{"id":"-MJx5AsEB0Agv8t2oTjP","title":"Convert to Button","pathname":"/v1-mac-app/working-with-monday-hero/component-convert-to-ios-android-code/convert-button-design-to-ios-android-code","siteSpaceId":"sitesp_GusVf","description":"Convert Button component to Android/iOS code.","breadcrumbs":[{"label":"WORKING WITH MONDAY HERO"},{"label":"Convert to Components"}]},{"id":"-MJx94IKasv4dqFkNUqx","title":"Convert to TextField/EditText","pathname":"/v1-mac-app/working-with-monday-hero/component-convert-to-ios-android-code/convert-text-to-ios-android-code","siteSpaceId":"sitesp_GusVf","description":"Convert TextField/EditText component to Android/iOS code.","breadcrumbs":[{"label":"WORKING WITH MONDAY HERO"},{"label":"Convert to Components"}]},{"id":"-MJxEPH4Mim9oSvW-B2y","title":"Convert to Text Area","pathname":"/v1-mac-app/working-with-monday-hero/component-convert-to-ios-android-code/convert-text-area-to-ios-android-code","siteSpaceId":"sitesp_GusVf","description":"Convert TextView/Text component to iOS/Android code.","breadcrumbs":[{"label":"WORKING WITH MONDAY HERO"},{"label":"Convert to Components"}]},{"id":"-MJxBJksbysLizK4mXF5","title":"Convert to Status Bar","pathname":"/v1-mac-app/working-with-monday-hero/component-convert-to-ios-android-code/convert-status-bar-design-to-ios-android-code","siteSpaceId":"sitesp_GusVf","description":"Status Bar design in Adobe XD/Sketch should be removed, projects should use a system-provided status bar.","breadcrumbs":[{"label":"WORKING WITH MONDAY HERO"},{"label":"Convert to Components"}]},{"id":"-MJxCaGD-hoDnZke-02m","title":"Convert to Search Bar","pathname":"/v1-mac-app/working-with-monday-hero/component-convert-to-ios-android-code/convert-search-bar-design-to-ios-android-code","siteSpaceId":"sitesp_GusVf","description":"Convert Search Bar component to iOS/Android code.","breadcrumbs":[{"label":"WORKING WITH MONDAY HERO"},{"label":"Convert to Components"}]},{"id":"-MKphJRaRVi1rwvhK2Zo","title":"Convert to Lists and Grids","pathname":"/v1-mac-app/working-with-monday-hero/component-convert-to-ios-android-code/list-grid-design-to-ios-android-code","siteSpaceId":"sitesp_GusVf","description":"Convert to List and Grid design to iOS/Android code.","breadcrumbs":[{"label":"WORKING WITH MONDAY HERO"},{"label":"Convert to Components"}]},{"id":"-MJxGU4JDa7NNKRIg-Np","title":"Convert to List","pathname":"/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","siteSpaceId":"sitesp_GusVf","description":"Convert the List design to iOS/Android code.","breadcrumbs":[{"label":"WORKING WITH MONDAY HERO"},{"label":"Convert to Components"},{"label":"Convert to Lists and Grids"}]},{"id":"-MJxGXyqadXM5rCzXVzt","title":"Convert to Grid","pathname":"/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","siteSpaceId":"sitesp_GusVf","description":"Convert the Grid design to iOS/Android code.","breadcrumbs":[{"label":"WORKING WITH MONDAY HERO"},{"label":"Convert to Components"},{"label":"Convert to Lists and Grids"}]},{"id":"-MFFw3MYGAKSVIALcEBU","title":"Export Code","pathname":"/v1-mac-app/working-with-monday-hero/export-design-to-swift-android-code-monday-hero","siteSpaceId":"sitesp_GusVf","description":"Convert Adobe XD/Sketch design to code. Export the generated UI code as iOS/Android code and run in both Android Studio/Xcode.","breadcrumbs":[{"label":"WORKING WITH MONDAY HERO"}]},{"id":"-MG9EVnM-9bxCISno3FM","title":"Export All Screens as a New Project","pathname":"/v1-mac-app/working-with-monday-hero/export-design-to-swift-android-code-monday-hero/export-design-to-xcode-android-studio-new-project","siteSpaceId":"sitesp_GusVf","description":"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.","breadcrumbs":[{"label":"WORKING WITH MONDAY HERO"},{"label":"Export Code"}]},{"id":"-MG9FGl2LZRs4MAcW3iC","title":"Export Only Selected Screen as a New Project","pathname":"/v1-mac-app/working-with-monday-hero/export-design-to-swift-android-code-monday-hero/export-selected-design-to-xcode-android-studio-new-project","siteSpaceId":"sitesp_GusVf","description":"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.","breadcrumbs":[{"label":"WORKING WITH MONDAY HERO"},{"label":"Export Code"}]},{"id":"-MG9FSft09qwhWYmiCF-","title":"Export Only Selected Screen Into an Existing Project","pathname":"/v1-mac-app/working-with-monday-hero/export-design-to-swift-android-code-monday-hero/export-design-to-xcode-android-studio-existing-project","siteSpaceId":"sitesp_GusVf","description":"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.","breadcrumbs":[{"label":"WORKING WITH MONDAY HERO"},{"label":"Export Code"}]},{"id":"-MITaXkdirZxL7GZQw7E","title":"🚧 Configure Code Preferences (WIP)","pathname":"/v1-mac-app/working-with-monday-hero/code-preferences-ios-android","siteSpaceId":"sitesp_GusVf","description":"Configure code preferences for iOS/Android and maintain your/team's code standards.","breadcrumbs":[{"label":"WORKING WITH MONDAY HERO"}]},{"id":"-MKpwj9d4YgwW9jud4TC","title":"Travel App","pathname":"/v1-mac-app/step-by-step-tutorials/travel-app-tutorial-design-to-ios-code","siteSpaceId":"sitesp_GusVf","emoji":"1f3d6","description":"Build and run the Travel App in both iOS & Android. The source code and designs are available in Sketch and Adobe XD, also free to use.","breadcrumbs":[{"label":"Step-By-Step Tutorials"}]},{"id":"-MEfkOkOEhfB-Ehm1QJ9","title":"Overview","pathname":"/","siteSpaceId":"sitesp_q2ADE","description":"Learn how to quickly convert designs into code with Monday Hero."},{"id":"-MGCPjz01m6Pk6QnMWQe","title":"Workflow Basics","pathname":"/workflow-for-design-to-code","siteSpaceId":"sitesp_q2ADE","description":"Workflow basics that most developers and designers use while converting the Sketch / Adobe XD design to iOS / Android native code with Monday Hero."},{"id":"-MFBEm1Gc4CddX29KPtD","title":"Installing the Desktop App","pathname":"/getting-started/install-app-and-plugin","siteSpaceId":"sitesp_q2ADE","description":"Install the Monday Hero Desktop App to import Sketch/Adobe XD files into Monday Hero and export code to your local environment.","breadcrumbs":[{"label":"Getting Started"}]},{"id":"-MF5fnTHxnQ4mck1yDpp","title":"Log In & Create a Project","pathname":"/getting-started/login-create-project-in-monday-hero","siteSpaceId":"sitesp_q2ADE","description":"Log in to Monday Hero and Create an iOS/Android Project.","breadcrumbs":[{"label":"Getting Started"}]},{"id":"-MHLTaCjvZUtDlYSEs9r","title":"Prepare Design to Get the Best Code Results","pathname":"/getting-started/design-handoff-to-ios-android-developer","siteSpaceId":"sitesp_q2ADE","description":"Use this guide to check whether your Figma, Adobe XD, or Sketch design file is ready for handoff to the developer on Monday Hero.","breadcrumbs":[{"label":"Getting Started"}]},{"id":"-MV39NVeK27HvkzMYkmF","title":"Import Design Files into Monday Hero","pathname":"/getting-started/import-design-files-into-monday-hero","siteSpaceId":"sitesp_q2ADE","description":"","breadcrumbs":[{"label":"Getting Started"}]},{"id":"-MbL1Z1K-E0PCv9sjT-V","title":"Import Figma Design Files into Monday Hero","pathname":"/getting-started/import-design-files-into-monday-hero/import-figma-design-files-into-monday-hero","siteSpaceId":"sitesp_q2ADE","description":"Import Figma design files to Monday Hero to get iOS/Android code.","breadcrumbs":[{"label":"Getting Started"},{"label":"Import Design Files into Monday Hero"}]},{"id":"WIe43JTx4xnvgGIKJs7U","title":"Import Your Figma Text Style and Color Library","pathname":"/getting-started/import-design-files-into-monday-hero/import-figma-design-files-into-monday-hero/import-your-figma-text-style-and-color-library","siteSpaceId":"sitesp_q2ADE","description":"Import your design library to Monday Hero","breadcrumbs":[{"label":"Getting Started"},{"label":"Import Design Files into Monday Hero"},{"label":"Import Figma Design Files into Monday Hero"}]},{"id":"-MF5fvpP85LyqAtUgN-C","title":"Import Adobe XD Design Files into Monday Hero","pathname":"/getting-started/import-design-files-into-monday-hero/import-adobe-xd-design-files-into-monday-hero","siteSpaceId":"sitesp_q2ADE","description":"Import Adobe XD design files to Monday Hero to get iOS/Android code.","breadcrumbs":[{"label":"Getting Started"},{"label":"Import Design Files into Monday Hero"}]},{"id":"-MV349aI4FJA0NMrJA-X","title":"Import Sketch Design Files Into Monday Hero","pathname":"/getting-started/import-design-files-into-monday-hero/import-sketch-design-files-into-monday-hero","siteSpaceId":"sitesp_q2ADE","description":"Import Sketch design files to Monday Hero to get iOS/Android code.","breadcrumbs":[{"label":"Getting Started"},{"label":"Import Design Files into Monday Hero"}]},{"id":"-MFFt2QCxDdb5UG95G94","title":"Share Your Project & Manage Roles","pathname":"/getting-started/manage-team-developer-designer-role","siteSpaceId":"sitesp_q2ADE","description":"Share your project with your team members","breadcrumbs":[{"label":"Getting Started"}]},{"id":"n7ig7VFckiivdY99Linj","title":"Convert Design to Flutter","pathname":"/design-to-flutter/convert-design-to-flutter","siteSpaceId":"sitesp_q2ADE","description":"Create your iOS and Android App with Monday Hero","breadcrumbs":[{"label":"DESIGN TO FLUTTER"}]},{"id":"598yc7gQBuIguqk4lSdT","title":"Create Flutter Components","pathname":"/design-to-flutter/creating-components","siteSpaceId":"sitesp_q2ADE","description":"Create components like buttons, text fields, lists, grids, and much more...","breadcrumbs":[{"label":"DESIGN TO FLUTTER"}]},{"id":"IxFWsomMyR2rdWCpKWAp","title":"System Components","pathname":"/design-to-flutter/creating-components/system-components","siteSpaceId":"sitesp_q2ADE","description":"","breadcrumbs":[{"label":"DESIGN TO FLUTTER"},{"label":"Create Flutter Components"}]},{"id":"h2gku4DT1DMmJ36mNyXq","title":"Material & Cupertino Components","pathname":"/design-to-flutter/creating-components/system-components/material-and-cupertino-components","siteSpaceId":"sitesp_q2ADE","description":"Choosing Between Material and Cupertino Components in Flutter","breadcrumbs":[{"label":"DESIGN TO FLUTTER"},{"label":"Create Flutter Components"},{"label":"System Components"}]},{"id":"56fgrd37jC7vpi1awYFm","title":"Flutter Supported Components","pathname":"/design-to-flutter/creating-components/system-components/flutter-supported-components","siteSpaceId":"sitesp_q2ADE","description":"Learn supported Flutter components in Monday Hero.","breadcrumbs":[{"label":"DESIGN TO FLUTTER"},{"label":"Create Flutter Components"},{"label":"System Components"}]},{"id":"aLPsYydRZpkBsRoBQEmK","title":"Custom Components","pathname":"/design-to-flutter/creating-components/custom-components","siteSpaceId":"sitesp_q2ADE","description":"Create Custom Components and Craft Your Own Library","breadcrumbs":[{"label":"DESIGN TO FLUTTER"},{"label":"Create Flutter Components"}]},{"id":"J8L3UjXi9tMqAuvTYs6y","title":"Create Responsive Code","pathname":"/design-to-flutter/create-responsive-code","siteSpaceId":"sitesp_q2ADE","description":"Create and edit responsive code on Monday Hero.","breadcrumbs":[{"label":"DESIGN TO FLUTTER"}]},{"id":"tfThNoOwcUUNZlwiwrjR","title":"Colors","pathname":"/design-to-flutter/colors","siteSpaceId":"sitesp_q2ADE","description":"","breadcrumbs":[{"label":"DESIGN TO FLUTTER"}]},{"id":"2gZrmJ7qSCXpHRdALtEM","title":"Text Styles","pathname":"/design-to-flutter/text-styles","siteSpaceId":"sitesp_q2ADE","breadcrumbs":[{"label":"DESIGN TO FLUTTER"}]},{"id":"qxmNkzXU43sk7dPIO0VN","title":"Assets","pathname":"/design-to-flutter/assets","siteSpaceId":"sitesp_q2ADE","breadcrumbs":[{"label":"DESIGN TO FLUTTER"}]},{"id":"7yhCXXuk293TUSR6WSkC","title":"Sync Code","pathname":"/design-to-flutter/sync-code","siteSpaceId":"sitesp_q2ADE","description":"","breadcrumbs":[{"label":"DESIGN TO FLUTTER"}]},{"id":"L1IlwAhpBOm0hS3BrHcZ","title":"Flutter Project Base","pathname":"/design-to-flutter/flutter-project-base","siteSpaceId":"sitesp_q2ADE","description":"Setting up your Flutter project environment with Monday Hero","breadcrumbs":[{"label":"DESIGN TO FLUTTER"}]},{"id":"DQVSjFtkMLcnTij1Ya6D","title":"Fast Start with Monday Hero Starter Project","pathname":"/design-to-flutter/flutter-project-base/fast-start-with-monday-hero-starter-project","siteSpaceId":"sitesp_q2ADE","description":"Sync faster by using the starter project.","breadcrumbs":[{"label":"DESIGN TO FLUTTER"},{"label":"Flutter Project Base"}]},{"id":"iMd1Z1Oj7QOQ5ylRhKUi","title":"Integrate Monday Hero to your Existing Project","pathname":"/design-to-flutter/flutter-project-base/integrate-monday-hero-to-your-existing-project","siteSpaceId":"sitesp_q2ADE","description":"Manually add dependencies and sync code for integration","breadcrumbs":[{"label":"DESIGN TO FLUTTER"},{"label":"Flutter Project Base"}]},{"id":"sfbONN0Yk21uBdcs47BI","title":"Shadows, Gradients, and Other Design Elements","pathname":"/design-to-flutter/shadows-gradients-and-other-design-elements","siteSpaceId":"sitesp_q2ADE","description":"In this section, we'll explore how Monday Hero works with the Figma plug-in.","breadcrumbs":[{"label":"DESIGN TO FLUTTER"}]},{"id":"AHvLsavMFAtTuBxzdQML","title":"Troubleshooting Guide","pathname":"/design-to-flutter/troubleshooting-guide","siteSpaceId":"sitesp_q2ADE","description":"Detecting and Resolving Bugs in Your Monday Hero Experience","breadcrumbs":[{"label":"DESIGN TO FLUTTER"}]},{"id":"gFBdbZ1KEHCdVBB2PXqp","title":"Checklist for Design Element Review and Code Generation","pathname":"/design-to-flutter/troubleshooting-guide/checklist-for-design-element-review-and-code-generation","siteSpaceId":"sitesp_q2ADE","description":"Design Element Review and Checklist","breadcrumbs":[{"label":"DESIGN TO FLUTTER"},{"label":"Troubleshooting Guide"}]},{"id":"2ZodUpbExP7nIEnqCgCG","title":"Github Monday Hero Starter Project Troubleshooting","pathname":"/design-to-flutter/troubleshooting-guide/github-monday-hero-starter-project-troubleshooting","siteSpaceId":"sitesp_q2ADE","breadcrumbs":[{"label":"DESIGN TO FLUTTER"},{"label":"Troubleshooting Guide"}]},{"id":"2QqDcfSb0QPz387JwtXq","title":"Convert Design to Swift","pathname":"/design-to-swift/convert-design-to-swift","siteSpaceId":"sitesp_q2ADE","description":"Create your iOS App with Monday Hero","breadcrumbs":[{"label":"DESIGN TO SWIFT"}]},{"id":"kESVhb2JD1PTINugRUL8","title":"Create Swift Components","pathname":"/design-to-swift/creating-components","siteSpaceId":"sitesp_q2ADE","description":"Create components like buttons, text fields, lists, grids, and much more...","breadcrumbs":[{"label":"DESIGN TO SWIFT"}]},{"id":"4tsiOCXhb8q94Wx2bdOl","title":"System Components","pathname":"/design-to-swift/creating-components/system-components","siteSpaceId":"sitesp_q2ADE","breadcrumbs":[{"label":"DESIGN TO SWIFT"},{"label":"Create Swift Components"}]},{"id":"caoeAXRKXMLglsjriaoa","title":"Views","pathname":"/design-to-swift/creating-components/system-components/design-to-view-code","siteSpaceId":"sitesp_q2ADE","description":"Monday Hero can automatically understand the views, and convert design to Swift/Kotlin code.","breadcrumbs":[{"label":"DESIGN TO SWIFT"},{"label":"Create Swift Components"},{"label":"System Components"}]},{"id":"WshOcK1BgVVQYUatt05c","title":"Texts","pathname":"/design-to-swift/creating-components/system-components/design-to-text-code","siteSpaceId":"sitesp_q2ADE","description":"Monday Hero can automatically understand the texts, and convert design to Swift/Kotlin code.","breadcrumbs":[{"label":"DESIGN TO SWIFT"},{"label":"Create Swift Components"},{"label":"System Components"}]},{"id":"7aIorB8a4sOweTzjTdN0","title":"Images","pathname":"/design-to-swift/creating-components/system-components/design-image-to-code","siteSpaceId":"sitesp_q2ADE","description":"Monday Hero can automatically understand the images, and convert design to Swift/Kotlin code.","breadcrumbs":[{"label":"DESIGN TO SWIFT"},{"label":"Create Swift Components"},{"label":"System Components"}]},{"id":"YoABebEuKLpVpx8YjRGr","title":"Button","pathname":"/design-to-swift/creating-components/system-components/convert-button-design-to-ios-android-code","siteSpaceId":"sitesp_q2ADE","description":"Convert Button component to Android/iOS code.","breadcrumbs":[{"label":"DESIGN TO SWIFT"},{"label":"Create Swift Components"},{"label":"System Components"}]},{"id":"fb5un7YU4pnNjVr5Fu9c","title":"TextField/EditText","pathname":"/design-to-swift/creating-components/system-components/convert-text-to-ios-android-code","siteSpaceId":"sitesp_q2ADE","description":"Convert TextField/EditText component to Android/iOS code.","breadcrumbs":[{"label":"DESIGN TO SWIFT"},{"label":"Create Swift Components"},{"label":"System Components"}]},{"id":"zVr55jWyvPFU5qvYqnWR","title":"Text Area","pathname":"/design-to-swift/creating-components/system-components/convert-text-area-to-ios-android-code","siteSpaceId":"sitesp_q2ADE","description":"Convert TextView/Text component to iOS/Android code.","breadcrumbs":[{"label":"DESIGN TO SWIFT"},{"label":"Create Swift Components"},{"label":"System Components"}]},{"id":"frD1LMeuHW9yyg55AsvI","title":"Status Bar","pathname":"/design-to-swift/creating-components/system-components/convert-status-bar-design-to-ios-android-code","siteSpaceId":"sitesp_q2ADE","description":"Status Bar design in Adobe XD/Sketch should be removed, projects should use a system-provided status bar.","breadcrumbs":[{"label":"DESIGN TO SWIFT"},{"label":"Create Swift Components"},{"label":"System Components"}]},{"id":"lyndSAm4z3rLbPS8NiW8","title":"Search Bar","pathname":"/design-to-swift/creating-components/system-components/convert-search-bar-design-to-ios-android-code","siteSpaceId":"sitesp_q2ADE","description":"Convert Search Bar component to iOS/Android code.","breadcrumbs":[{"label":"DESIGN TO SWIFT"},{"label":"Create Swift Components"},{"label":"System Components"}]},{"id":"SxGnflgNeArCmE4DXFZB","title":"List","pathname":"/design-to-swift/creating-components/system-components/list-design-to-ios-android-code","siteSpaceId":"sitesp_q2ADE","description":"Convert the List design to iOS/Android code.","breadcrumbs":[{"label":"DESIGN TO SWIFT"},{"label":"Create Swift Components"},{"label":"System Components"}]},{"id":"og68jYsZCRGMusm4NKmW","title":"Grid","pathname":"/design-to-swift/creating-components/system-components/grid-design-to-ios-android-code","siteSpaceId":"sitesp_q2ADE","description":"Convert the Grid design to iOS/Android code.","breadcrumbs":[{"label":"DESIGN TO SWIFT"},{"label":"Create Swift Components"},{"label":"System Components"}]},{"id":"6Nm466tm4NwiiyBmVjIZ","title":"Swift Supported Components","pathname":"/design-to-swift/creating-components/system-components/swift-supported-components","siteSpaceId":"sitesp_q2ADE","description":"In this section, we'll take a look at which iOS components are supported or not in Monday Hero.","breadcrumbs":[{"label":"DESIGN TO SWIFT"},{"label":"Create Swift Components"},{"label":"System Components"}]},{"id":"c0Y6opbKkIzz7AhjTvtJ","title":"Custom Components","pathname":"/design-to-swift/creating-components/custom-components","siteSpaceId":"sitesp_q2ADE","description":"Create Custom Components and Craft Your Own Library","breadcrumbs":[{"label":"DESIGN TO SWIFT"},{"label":"Create Swift Components"}]},{"id":"BAwZVJ5xbLCndVXG50Em","title":"Video Player Code Component","pathname":"/design-to-swift/creating-components/video-player-code-component","siteSpaceId":"sitesp_q2ADE","description":"Add Video Player to iOS Code","breadcrumbs":[{"label":"DESIGN TO SWIFT"},{"label":"Create Swift Components"}]},{"id":"rVoo4lha8QgNqCdSzdI5","title":"Colors","pathname":"/design-to-swift/colors","siteSpaceId":"sitesp_q2ADE","description":"","breadcrumbs":[{"label":"DESIGN TO SWIFT"}]},{"id":"F4O21A5d7zRqy4LjBZfQ","title":"Text Styles","pathname":"/design-to-swift/text-styles","siteSpaceId":"sitesp_q2ADE","breadcrumbs":[{"label":"DESIGN TO SWIFT"}]},{"id":"wRDYwE49StuF3MZdcdjw","title":"Assets","pathname":"/design-to-swift/assets","siteSpaceId":"sitesp_q2ADE","breadcrumbs":[{"label":"DESIGN TO SWIFT"}]},{"id":"6gQquDPzuKxxn2EP09K3","title":"Shadows, Gradients, and Other Design Elements","pathname":"/design-to-swift/shadows-gradients-and-other-design-elements","siteSpaceId":"sitesp_q2ADE","description":"In this section, we'll explore how Monday Hero works with the Figma plug-in.","breadcrumbs":[{"label":"DESIGN TO SWIFT"}]},{"id":"KQ3COADrkLqeykUznaLw","title":"Firebase","pathname":"/design-to-swift/firebase","siteSpaceId":"sitesp_q2ADE","description":"Here you can find how to use Firebase with features of Monday Hero","breadcrumbs":[{"label":"DESIGN TO SWIFT"}]},{"id":"MTR3T76yobWINW6sXDFg","title":"How to get Video URL from Firebase","pathname":"/design-to-swift/firebase/how-to-get-video-url-from-firebase","siteSpaceId":"sitesp_q2ADE","description":"Use Firebase to add your Videos and use them in your app with Monday Hero","breadcrumbs":[{"label":"DESIGN TO SWIFT"},{"label":"Firebase"}]},{"id":"mb5MJMgegDWW3aA6qCaB","title":"Export Code","pathname":"/design-to-swift/export-design-to-swift-android-code-monday-hero","siteSpaceId":"sitesp_q2ADE","description":"Export the generated UI code as iOS/Android code and run in Xcode.","breadcrumbs":[{"label":"DESIGN TO SWIFT"}]},{"id":"BEbStPVTW7uw6Sn9e4YD","title":"Integrating Exported Files into an Existing Xcode Project","pathname":"/design-to-swift/export-design-to-swift-android-code-monday-hero/add-exported-files-into-an-xcode-project","siteSpaceId":"sitesp_q2ADE","description":"Integrating Exported Files into an Existing Xcode Project","breadcrumbs":[{"label":"DESIGN TO SWIFT"},{"label":"Export Code"}]},{"id":"RJh8NwaUj8Jy2fnQaJe4","title":"Hero AI Assistant","pathname":"/hero-ai-assistant/hero-ai-assistant","siteSpaceId":"sitesp_q2ADE","description":"Use Hero AI Assistant to convert to another development language, fix bugs, add validations, include translations, and more.","breadcrumbs":[{"label":"Hero AI Assistant"}]},{"id":"VeYno5NrjjORTuoG4FhC","title":"Convert Design to React","pathname":"/design-to-react/convert-design-to-react","siteSpaceId":"sitesp_q2ADE","description":"Use Hero AI Assistant to convert the design to React.","breadcrumbs":[{"label":"Design to React"}]},{"id":"-MKpwj9d4YgwW9jud4TC","title":"Travel App","pathname":"/step-by-step-tutorials/travel-app-tutorial-design-to-ios-code","siteSpaceId":"sitesp_q2ADE","emoji":"1f3d6","description":"Build and run the Travel App in both iOS & Android. The source code and designs are available in Sketch and Adobe XD, also free to use.","breadcrumbs":[{"label":"Step-By-Step Tutorials"}]},{"id":"AZKhPAuQIVRoqjHMJiXi","title":"Frequently Asked Questions","pathname":"/reachus/frequently-asked-questions","siteSpaceId":"sitesp_q2ADE","description":"","breadcrumbs":[{"label":"Support"}]}]}