Bookmarklet turns any webpage into a wireframe

This is very cool.<p>I'm working on something similar, which you might be interested in if you like this. jMockups, my startup, is a web app for designing high fidelity mockups. Kind of like a web-based Photoshop for designing mockups, if that makes more sense. I've been working on a new tool for the last two months that lets you import any <i>existing</i> webpage into jMockups, which means that you will be able to instantly redesign and share any webpage in only a few clicks. It's a bit buggy still which is why I haven't launched it, but I'm really excited about it. Combine that with a wireframe toggle that I plan on adding in a few months, and you've got a killer web-design tool (hopefully). :)<p>If you're interested in trying it, check out jMockups [1] and if you want early access to the import feature when it becomes available in a few weeks, shoot me an email: matt@jmockups.com.<p>[1] <a href="http://www.jmockups.com" rel="nofollow">http://www.jmockups.com</a>

I feel like a moron for asking this, because clearly at least 18 people liked it enough to upvote without explanation, but...<p>Why would I want to do this...?

I wish it didn't try to wireframe every object on the page.<p>In my opinion, wireframes are usually more helpful for organizing information on the page, than creating a perfect mockup of what the finished page should look like.<p>Lots of grey bars, as shown on the wireframe for this page, aren't very useful for organizing information. Instead, they make it seem much more cluttered and complex than it needs to be.

Mcantor, that's a fair question, please see "Why would anyone want to do that?" in my original introduction: <a href="http://www.volkside.com/2010/12/introducing-wirify-the-web-as-wireframes/#why" rel="nofollow">http://www.volkside.com/2010/12/introducing-wirify-the-web-a...</a><p>Matt1, jMockups sounds cool, I'll have to have another look. We are currently working on OmniGraffle export for Wirify, here's a preview: <a href="http://www.volkside.com/2011/01/preview-exporting-wirify-wireframes-to-omnigraffle/" rel="nofollow">http://www.volkside.com/2011/01/preview-exporting-wirify-wir...</a><p>Thanks everyone for having a look at Wirify, much appreciated! Give me a shout on Twitter if you like: @jopas

Hi there, we realised there were at least a couple people out there who didn't want to redo their sites as mockups, so we've created MockGen.<p>MockGen renders web pages as full blown Balsamiq (<a href="http://www.balsamiq.com" rel="nofollow">http://www.balsamiq.com</a>) and ForeUI (<a href="http://www.foreui.com" rel="nofollow">http://www.foreui.com</a>) mockups.<p>Find out more and try it out here: <a href="http://mockgen.looksie.me" rel="nofollow">http://mockgen.looksie.me</a>.<p>Cheers, Tim

It seems really encumbered, lots of logging, restrictive license... I mean it seems nice but theres no guarantee its going to be around.

Aren't most people trying to go from wireframe to webpage? lol

You may also look at "Topographic view" or "Topographic page layout" bookmarklet. See <a href="http://www.squarefree.com/bookmarklets/webdevel.html" rel="nofollow">http://www.squarefree.com/bookmarklets/webdevel.html</a> .

it is an interesting idea. I think one other tool that does this is the eclipse based plugin. I am working on a prototyping tool (mockuptiger.com) and I have this feature in the product dev plan, although not in the initial release :)<p>Great job Wirify! Certainly something for the designers to start from and then remove things they don't want. I think the NY times website is too crowded, you could have shown a less busy example :)