Website

Import Figma Design Files into Monday Hero

Import Figma design files to Monday Hero to get iOS/Android code.

The first step in creating your app with Monday Hero is to import your designs. You can do this directly from your favorite tool. Either watch the video below or continue reading to learn how to easily import designs into Monday Hero.

Import Designs from Figma to Monday Hero

The Monday Hero web app and plugin provide everything you need to start importing designs.

Install Figma Plugin

  1. Click here to install the Monday Hero Plugin for Figma. On the Monday Hero Figma Community Page, simply click 'Install'.

Monday Hero Plugin

Once installed, the 'Installed' button will appear on the right side of the page.

Monday Hero Plugin Installation

That's it! The plugin is now ready for use.

Import Figma Design to Monday Hero

  1. Once the Figma plugin is installed, navigate to the design you wish to upload. Then, go to the 'Plugins' menu and select 'Monday Hero'.

  1. In the plugin, click the 'Login' button. This will automatically direct you to the Monday Hero login page. Enter your email and password to continue. Please note that if you're already logged in, it's not necessary to enter your email and password again. You can proceed to the next step.

Monday Hero Plugin Login Page
Monday Hero Web App Login Page

  1. On the next page, grant Monday Hero read access to your Figma files.

Allowing access

  1. Once access is granted, your Figma account will automatically connect to your Monday Hero account. Close this tab and return to Figma.

Connected to Figma

  1. Access has been granted for the account. Now it's time to give access to the specific Figma design file you need to use. The Figma File URL will be necessary for this step.

Click the 'Share' button in Figma, copy the link, and paste it into the Figma File URL area.

Getting Figma File URL

Paste the link into the Monday Hero Plugin and click the 'Next' button.

  1. The plugin is now ready to use! Select the screens you wish to export and click the 'Export' button.

7. In the Monday Hero web app, select your project and click the 'Import to Project' button

When the import is complete, you can view the status in the notifications bar:

Notification Bar

Congrats! It's done. You can continue to work on components on the screens individually or share them with your team.

PreviousImport Design Files into Monday HeroNextImport Your Figma Text Style and Color Library

Last updated

Was this helpful?