Wireframing is an integral step in website design, helping to visualize the layout of a website. It clarifies the contents on any given page of the website to keep a structure that is clean and easy to navigate. If you have a couple of websites in mind that you would want to use as pegs for your own,Wirifymight be the tool you are looking for.
Wirify is a simple to use bookmarklet that lets you turn existing webpages into wireframes. To install it, simply head on to theWirify websiteand drag the bookmarklet to your bookmarks toolbar. Simple.
Once you have a website in mind, simply head to the page and click on the bookmarklet you created. It will then show a wireframe layout of the site. Here’s a sample I made with our favorite website, The Next Web. :)
Currently, the best way to export the wireframe is to save the whole page as an image usingScreengrabif you’re using Firefox orScreen Captureif you’re using Chrome. Volkside will be coming out with a way toexportit directly to OmniGraffle, where you can edit and adjust the wireframes but the company announced that it won’t be a free feature. No word on pricing is released yet.
The 💜 of EU tech
The latest rumblings from the EU tech scene, a story from our wise ol' founder Boris, and some questionable AI art. It’s free, every week, in your inbox. Sign up now!
Volkside explains that the generated wireframe is not pixel-perfect because the internal algorithm is simplistic and Wirify relies on jQuery, which does not always return accurate element dimensions and positions. It does, however, give you a pretty good overview of the structure of the pages.
So next time you’re making a blog, consider using wireframes first. Give Wirify a try. It exposes a lot of structural aspects of your favorite pages that will surely save you time and effort by keeping revisions to a minimum.
Story byFrancis Tan
Francis Tan is the Asia editor of TNW, who is based in the Philippines. He is particularly interested in Asian Internet startups, social me(show all)Francis Tanis the Asia editor of TNW, who is based in the Philippines. He is particularly interested in Asian Internet startups, social media and e-commerce. Get in touch with him via Twitter@francistanor Emailfrancis@thenextweb.com.
Get the TNW newsletter
Get the most important tech news in your inbox each week.
