# Convert Whiteboard drawings to editable Wireframe

> Just finished sketching your wireframe on a whiteboard? Simply snap a photo and convert it to an editable wireframe instantly...

Source: https://mockflow.com/docs/mida/whiteboard-to-wireframe-with-ai

Just finished sketching your wireframe on a whiteboard? Simply snap a photo and convert it to an editable wireframe instantly using MockFlow's whiteboard to wireframe feature. 

1. Inside the MockFlow wireframe editor, select 'Genius AI' from the sidebar.

![Navigate to Genius AI](https://assets.mockflow.com/docs/media/03242fea5c61369adae1359c.webp)

1. Choose the 'Screenshot to Wireframe' option from the list.

![Selecting screenshot to wireframe](https://assets.mockflow.com/docs/media/be86fefbf19add664b305127.webp)

1. Click 'Upload Screenshot' to upload your whiteboard photo.

![Screen Shot 2024-11-22 at 7.11.30 PM.png](https://assets.mockflow.com/docs/media/1deecc989f79d8ee069185f4.webp)

1. By toggling the 'Sketchy UI' button, the generated wireframe from the image will appear in a sketchy format.

![Screen Shot 2024-11-22 at 7.11.30 PM.png](https://assets.mockflow.com/docs/media/83a6153b616cb295fad70ed9.webp)

1. Select the image to be converted to wireframe. Here is the image that we will use in this example.

_(Note that this is a drawing on a paper. This features works well with whiteboard diagrams and paper pen drawings)_

![markup_1000042719.jpg](https://assets.mockflow.com/docs/media/346f66227c88a8126de3e20a.webp)

1. The uploaded image is now converted into an editable wireframe for you to refine it further.

![Screen Shot 2024-11-22 at 7.14.59 PM.png](https://assets.mockflow.com/docs/media/c5a4a5d802a1d4faf77c0d19.webp)