Using Wireframe Scanner

Convert your hand-drawn wireframe into a digital design in seconds

Updated over a week ago

About wireframe scanner

Who can use this feature? ๐Ÿง™

Wireframe Scanner offers automatic hand-drawn wireframe conversion into an editable Uizard prototype! This is one of the most magical AI features we offer โœจ
If you're interested in hand-drawn wireframe transformation to a digital design/prototype, this is a perfect guide for you! ๐Ÿš€

About wireframes

Learn all about how to sketch and upload a wireframe to Uizard by watching our walkthrough video below, or continuing on to read this article!

In Uizard, when we say 'hand-drawn wireframe' we refer to low-fidelity user interfaces that are sketched on paper simply by using a pen.
So the 'hand-drawn wireframe' could be successfully uploaded to your Uizard project, it's important to follow sketching guidelines.

Find some examples of hand-drawn wireframes below:


Uploading a wireframe

1) Go to your project and click 'Magic' on the left-hand menu. Afterward, choose the 'Wireframe Scanner' option:

2) If this is your first time using the Wireframe Scanner feature, you'll be asked to either test it out and import one of our pre-made wireframes or you can simply click 'Go back' to skip this portion and upload your own.

3) Drag and drop your wireframe image or click on the area marked on the screenshot below and upload your sketch image file manually. Additionally, you can upload images with a QR code:

Using a tablet to draw wireframes

You can utilize your tablet to draw your hand-drawn wireframes if you'd like!

You'd simply need to save your drawing as an image or take a screenshot of it and upload it to Uizard by following the regular procedure ๐Ÿ™Œ

Remember to follow the sketching guidelines ๐Ÿš€

Supported file formats for uploading

We currently support the upload of source image files in PNG, JPEG, or HEIC formats.

Did this answer your question?