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
  • Import the UI Design and Auto-Generate the Assets
  • Sketch / Adobe XD Plugin to Import Design

Was this helpful?

  1. Getting Started

Import Design File Into Monday Hero

Import design file to convert the Adobe XD / Sketch design to iOS/Android code.

PreviousPrepare Design To Get Best ResultsNextAutomatically Generated Components

Last updated 4 years ago

Was this helpful?

Import the UI Design and Auto-Generate the Assets

Sketch plugin will be automatically installed when you install Monday Hero. You should select the artboard/s that you want to work on in the design tool. Click Plugins > Monday Hero > Export.

If you can’t see/don't have the plugin in Sketch/Adobe XD, Plugins > Monday Hero, you can manually download it from and in seconds.

Sketch / Adobe XD Plugin to Import Design

After clicking the export button, the project selection pop-up will appear. Choose the project and click Import.

You will see the Importing Design pop-up window. While you are watching the animation, Artboards you've selected are getting analyzed and uploaded to your project.

When the animation finishes, the screens are added into the project as can be seen below and the design file is exported.

You can continue to work on the screens or .

individually
share them with your team
here
double-click to install
Exporting designs from Sketch via Monday Hero Plugin.
Exporting designs from Adobe XD via Monday Hero Plugin.
Monday Hero Plugin — Project Selection Screen
Uploading designs through Monday Hero Plugin.
Monday Hero - Screens: Uploaded screens under Project Screens window.