Monday Hero
Website
V1
V1
  • Overview
  • Workflow Basics
  • Getting Started
    • Installation
    • Login & Create a Project
    • Roles & Manage the Project Team
    • Prepare Design To Get Best Results
    • Import Design File Into Monday Hero
  • WORKING WITH MONDAY HERO
    • Automatically Generated Components
      • Views
      • Texts
      • Images
    • Convert to Components
      • How to Convert to Components
      • Convert to Button
      • Convert to TextField/EditText
      • Convert to Text Area
      • Convert to Status Bar
      • Convert to Search Bar
      • Convert to Lists and Grids
        • Convert to List
        • Convert to Grid
    • Export Code
      • Export All Screens as a New Project
      • Export Only Selected Screen as a New Project
      • Export Only Selected Screen Into an Existing Project
    • 🚧 Configure Code Preferences (WIP)
  • Step-By-Step Tutorials
    • 🏖️Travel App
  • Reach Us
    • Get Support
    • Get Demo
  • Join & Follow Us
    • Slack Community
    • GitHub
    • Twitter
    • LinkedIn
    • Blog
    • Instagram
    • Facebook
    • YouTube
Powered by GitBook
On this page

Was this helpful?

  1. WORKING WITH MONDAY HERO

Convert to Components

Import the Sketch/Adobe XD design and convert design to iOS/Android code in minutes.

PreviousImagesNextHow to Convert to Components

Last updated 4 years ago

Was this helpful?

Convert Components and Generate Swift/Kotlin & XML Code

Monday Hero automatically understands the images, texts, and views in the design. However, it's so common that components/widgets like buttons, lists, or text areas are essential in the code. It's so easy to convert the layers to the components/widgets. You will also have the styles within the code.

Below, there is an example of an app that consists of lists, grids, buttons, and more. Monday Hero can create every single component in the app and the design will be used to show how to do it. If you want to see the tutorial about it, is the link.

Follow the steps to explore every single component and start building your app! The first step is to see briefly.

here
how to create a component