# Importing a Figma Screen

You may use Figma to visualize user-facing features and interactive aspects and create rough mockups, wireframes, and prototypes. This feature helps you quickly turn those wireframes into interactive and responsive screens without having to deal with HTML code.

This article will guide you through the process of importing a Figma screen into your Reasy app and show you how easy it can be.

* Expand the layout in which you wish to import a Figma screen, then go to **Screens** and \
  right-click '![](/files/UV2k3ZSW58ducCGIG3yx)' to select **Import Figma Screen**. \
  ![](/files/HzuNNIFxa817EWSkdOaQ)
* Enter the URL of the Figma file and click **Submit**.

  <figure><img src="/files/osqMH8X4HsiEfOiNoyBr" alt=""><figcaption></figcaption></figure>
* Enter your Figma credentials and then click **Accept** in the displayed pop-up, to gain access to Figma, where it can import the screen from the link you provided.
* The screen is then imported and made available in Navigation Explorer.

The imported screen can now be accessed from the Navigation Explorer. Open it and make the necessary changes to it.


---

# 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://help.reasy.ai/help/getting-started/engines/screens/importing-screens/importing-a-figma-screen.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.