About wireframe scanner
Who can use this feature? ๐ง
Supported on any subscription, with limitations
Any creators/owners with the ability to create or edit a project
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.