# Importing a Screenshot

This option allows you to convert a static image or a design file in PNG, JPG, or JPEG format into a fully interactive and responsive web page, so you can add it to your app.

This even ensures that the web page appears exactly as designed, maintaining pixel-perfect precision. It also speeds up your development process as it eliminates the need to manually code and design every element from scratch.

To import a screenshot,

* Expand the layout into which you want to import a screenshot, go to **Screen**, right-click '![](https://178729340-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8aM9gMLAMMnUcaDi0uBY%2Fuploads%2F2oaOfP8kIzZeGvD3va6j%2Fimage.png?alt=media\&token=d8e83db9-66d5-4753-8f27-a383e92afd3f)', and select **Import Screenshot**.\
  ![](https://178729340-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8aM9gMLAMMnUcaDi0uBY%2Fuploads%2FNXemNqWHeFV6zzjRrLxF%2FImport%20screenshot_selection.png?alt=media\&token=fad5cb13-1e7f-4f78-8461-2d2e3c623ef0)
* Choose or drag the screenshot in PNG/JPEG/JPG format from your local storage, and then click **Import**.\ <img src="https://178729340-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8aM9gMLAMMnUcaDi0uBY%2Fuploads%2FWhEP5SRAmiE6C73mhqrf%2FImport%20screenshot_wizard.png?alt=media&#x26;token=24f27244-32b1-423f-977c-c84b7979db73" alt="" data-size="original"> ![](https://178729340-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8aM9gMLAMMnUcaDi0uBY%2Fuploads%2FSSvLjAf37eOj6Wlja2aV%2FImport%20screenshot_file.png?alt=media\&token=201702a0-e077-46c9-a083-fc5e1663c893)
* Reasy, using a few Machine Learning (ML) algorithms, intellectually identifies the image elements and tags them with the appropriate tools. If you find any element left unidentified, you can use '+' to highlight it and select the tool to tag to it.\
  &#x20;

  <div align="left"><figure><img src="https://178729340-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8aM9gMLAMMnUcaDi0uBY%2Fuploads%2Fb4PkbW3tyJ3APQ5h0Kr7%2FAnnotating%20unidentified%20tools%20in%20the%20screenshot.png?alt=media&#x26;token=432199fd-5e4d-4b15-91bb-12daa9bb0f4e" alt="" width="563"><figcaption></figcaption></figure></div>
* After clicking **Create Screen**, it gets imported and made available in Navigation Explorer. Open it and make the necessary changes to it.