# Convert URL to editable Wireframe

> MockFlow's "URL to Wireframe" feature converts any existing website layout to an editable wireframe in a click. This is...

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

MockFlow's "URL to Wireframe" feature converts any existing website layout to an editable wireframe in a click. This is incredibly useful for redesign projects,  or creating quick prototypes inspired by existing sites. 

1. Inside the Wireframe editor, click on the 'Genius AI' from the editor sidebar.

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

1. Choose 'URL to Wireframe' from the AI features list.

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

1. Enter the url of the webpage which needs to be converted to wireframe and click on 'Convert to Wireframe.'

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

4There are 2 options when using this feature.

1. When the "Images" toggle is on, images will appear from the URL.  If it's off, a image placeholder will be displayed instead.
2. Toggling the "Sketchy UI" option will generate the wireframe in a sketchy style.

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

1. The given URL will be converted to a wireframe.

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

Note: The url to wireframe works well with most of the websites providing the basic layout structure in an editable wireframe form.

However, there might be some inconsistencies where too many animations or effects are present on the website. Images might not be captured in some cases.