# Importing a Hand-drawn Sketch

This feature lets you convert your hand-drawn sketches into screens. Upload your hand-drawn sketch, and with just a click of a button, your screen will be ready.

To get started, take a picture of your hand-drawn sketch and save it as a PNG, JPG, or JPEG image. Import the image, and the platform will convert it into a fully interactive and responsive web page with pixel-perfect accuracy. This efficient process eliminates the need to manually code and design each element from scratch, speeding up your development process significantly.

Here's how to import a hand-drawn sketch:

* Expand the layout where you want to import the sketch, 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 Hand-drawn Sketch**.\
  ![](https://178729340-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8aM9gMLAMMnUcaDi0uBY%2Fuploads%2FzZ52y3yvdLAQjpHNXVzw%2FImport%20Hand-drawn%20sketch_selection.png?alt=media\&token=5f48f500-f4f6-4068-9ac7-6f1d1f6d8a39)
* Choose or drag the sketch in PNG/JPEG/JPG format from your local storage, and then click **Import**.\
  ![](https://178729340-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8aM9gMLAMMnUcaDi0uBY%2Fuploads%2FU4ZARG7RmS2zM22rAQQY%2FImport%20Hand-drawn%20sketch_wizard.png?alt=media\&token=95062657-631c-4c81-b556-94f85cb7d134) 
* The platform uploads it and provides a sketching guide. Scroll down to go through the sketching guide. Make sure you follow the guide, as the platform can understand the elements only if they are drawn in a specific way, as demonstrated in the guide.\
  ![](https://178729340-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8aM9gMLAMMnUcaDi0uBY%2Fuploads%2F8IGVBMeD7GqMKGEpFOO9%2FImport%20Hand-drawn%20sketch_file.png?alt=media\&token=97a9f1da-0917-4dc2-9d8f-5d3ac1e35eea)
* Then, using a few Machine Learning (ML) algorithms, Reasy intellectually identifies the elements in the sketch and tags them with the appropriate tools. \
  ![](https://178729340-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8aM9gMLAMMnUcaDi0uBY%2Fuploads%2FViiEyScCpjNcyNCeJEzg%2FImport%20Hand-drawn%20sketch_element%20tagging.png?alt=media\&token=2a89dd54-c8cd-4104-90d9-dd82e7c6d480)

{% hint style="info" %}
In case you find any element is tagged inappropriately or left untagged, you can manually tag it.
{% endhint %}

* Once you confirm that the elements are tagged correctly, proceed with creating the screen.

Then, open the screen, and make the necessary changes if needed.