Automatic Wireframe Tool

Orlando showed me this cool application that allows you to turn any website into a wireframe. I think it could be interesting to reverse engineer a website or for research purposes. It is very easy to use, a video detailing the process is below.

Why would you use Wirify? (From their website)

The wireframe allows you to step back and see the big picture. By tuning out the detail it lets you study the building blocks of the page and their relationships.

The wireframe is a great learning and teaching tool. Many of the design concepts that underpin page layouts become easier to identify and analyse in a wireframe. Think visual hierarchy, whitespace, symmetry, chunking, grid systems, golden ratio, rule of thirds, etc. etc.

The wireframe is a useful redesign tool. Stop getting bogged down in detail in the very early stage of a website redesign project.

The wireframe looks cool. You can now turn all the live sites in your portfolio into large wireframes and plaster them on your studio walls

Scroll to Top