# Import Figma Design Files into Monday Hero

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.

{% embed url="<https://www.youtube.com/watch?v=-N_8lL8DY3I>" %}
Import Designs from Figma to Monday Hero
{% endembed %}

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

### Install Figma Plugin

1. Click [here ](https://www.figma.com/community/plugin/976479062173362312/Monday-Hero)to install the Monday Hero Plugin for Figma. On the Monday Hero Figma Community Page, simply click '**Install**'.

![Monday Hero Plugin](/files/-Mbu0hG6ytkldYpmTj-x)

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

![Monday Hero Plugin Installation](/files/-Mbu1q7_EbTTnS5uUsPL)

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'.

![](/files/-MbuH8DvgV_3lAnahP1I)

2. 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](/files/-MbuZQYWOlMYM9DoYfOy)

![Monday Hero Web App Login Page](/files/-MbuXLVD3dmCPIy4GgjI)

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

![Allowing access](/files/-MbuZgtPcABdCMD9gpp6)

4. 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](/files/-Mbu_044qNx4j5AdcSSo)

5. 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.

![](/files/-Mbu_dLnUM-Hi4zA-JoO)

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

![Getting Figma File URL](/files/-MbucP9K6WXOqPcRFfdg)

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

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

![](/files/-MbuenqZ7-0ecOYy9oy0)

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

![](/files/-Mbuf6ejF4RPHiVnp3LC)

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

![Notification Bar](/files/-MbufO6t8CqxSLmoVGh_)

Congrats! It's done. You can continue to work on components on the screens individually or [share them with your team](/getting-started/manage-team-developer-designer-role.md).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://learn.mondayhero.io/getting-started/import-design-files-into-monday-hero/import-figma-design-files-into-monday-hero.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.