Wirify: Wireframing Bookmarklet

Wirify is a bookmarklet that lets you turn any web page into a wireframe in one click.

There are some compelling reasons for viewing a live web page as a wireframe:

  1. 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.
  2. 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.
  3. The wireframe is a useful redesign tool that stops you getting bogged down in detail in the very early stage of a website redesign project.

Note: Wirify is a beta release and has a few known issues, which ultimately don’t detract from this very useful tool.