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 existing 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). :)
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.
Enables you to easily borrow someone else's layout as 'inspiration' that you can then tweak. Don't discount the number of designers/developers that use another layout (or elements of it) as a base to work from - I've seen many do it.
Before there's a "Plagiarising!" response, also keep in mind that the final product in this case usually looks nothing like the original but that an original often serves as a more effective starting point than a blank canvas.
Certainly if someone was to 'rip' an existing website design wouldn't they just grab the HTML+CSS directly? Wirify is definitely not intended, nor useful, for that.
In some cases. In others, you might be starting with a simplified wireframe (and these remove identifying brands, colours, etc) or you would screen capture and use it as a layout base in PhotoShop.
While I am largely asking the same thing, the only bit of answer I could find came from the video: "As you can see, the wireframe does expose a lot of the structural aspects of the underlying page, which can be useful for analysis."
I wish it didn't try to wireframe every object on the page.
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.
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.
Fair points seancron. Wirify is already skipping quite a few HTML elements in its processing, however it certainly works better on some sites than others. I've found that proper 'semantic markup' also gives better results than old school table-based layouts for instance.
One of the earlier prototypes let you control the 'level of detail' in the wireframe: http://www.youtube.com/watch?v=wuKJVZRDjRo We've decided to ditch this idea for the time being though due to the extra complexity.
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 :)
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 :)
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 existing 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). :)
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.
[1] http://www.jmockups.com