Woah, I love how simple the editor is. I'm not sure how quickly it'd replace something like a notebook for in-depth prototyping, but it's definitely a nice tool for basic layouts.
I see you can save to the website, but is there a way you can output it as an image or something and download it?
This is really cool! One suggestion: visual editors are probably the only place where I don't mind my backspace button being binded to the delete action. I tried deleting something with backspace and ended up back here without warning, and my (useless) work was lost. I can imagine this causing a lot of frustration in a real work setting.
fn-delete on the mac (ie delete - not backspace) deleted the elements for me. Would be good to stop backspace too - that's definitely not something you want going wrong while you're working.
This is why I unmapped Backspace -> Back in Firefox. It's just a source of heartache.
Typical example is trying to backspace in a textarea -- whoops -- textarea didn't have focus. Your progress was probably lost because most textareas these days are actually some textarea-looking Javascript magic.
Actually apps like this are the one time I'm somewhat okay with the browser stopping me from navigating back at all (hopefully while displaying a dialog telling me work will be lost if I back out and giving me a confirm option), though ideally it would just save everything always like Google Docs does so then it just doesn't matter as much.
I'm glad it doesn't have those silly wavy I-can't-draw-for-shit lines. Also the interaction is very intuitive, and it's great that you can dive right in. Great tool overall. I'll be bookmarking it.
Really really nice. I don't do a lot of wireframing so I'm not sure what it's missing that's essential but it's definitely the easiest tool I've used. Well done!
+1 I clicked on two things and was instantly convinced to bookmark - didn't even have to read anything to get started, just dragged my mouse around a bit
very nice UI, I really like the idea of marking an area and than choose what type it is. seems to be great for a tablet UI as well. For an opensource off-line tool may I suggest pencil project. I'm currently using it for my work.
I might be alone here, but I've found that it's much easier to put together a high-fidelity PSD that details every intricacy of a site or app before writing a line of code. So, I end up spending more time designing the app/site than actually coding (which I think is the way it should be). Nevertheless, this project is really cool; been playing around with it for half an hour already.
Nice work. I have an unfinished project that is similar to this. It's neat that you have made it so the shape is chosen after drawing. Consider either not changing the cursor to a pointer, or remove the space between the buttons.
THis is really nice! Not sure if this is intended, but the annotations show underneath the other elements, I expected the annotation dotted background to appear above everything else
Tried to add a box within a box and I can only move the box when my mouse is inside the bounds of the rectangle. I wish I could add boxes within boxes.
Seems as though this is already a feature. When I created a headline and moved it close to a body of text, a guideline appeared and I was able to snap to it.
Would be good if you could "lock" the screen size as it's annoying when you try and start/resize boxes to full width as your cursor changes to an arrow to resize the screen..
Really amazing tool. For someone who very occasionally does some small wireframe designs which do not need a full blown wireframe software, this website would be an instant help. Thanks!
56 comments
[ 2.8 ms ] story [ 104 ms ] threadI see you can save to the website, but is there a way you can output it as an image or something and download it?
Typical example is trying to backspace in a textarea -- whoops -- textarea didn't have focus. Your progress was probably lost because most textareas these days are actually some textarea-looking Javascript magic.
I wonder if there's anything comparable open source version? I'd like to hack on it a bit.
Would be good if you could "lock" the screen size as it's annoying when you try and start/resize boxes to full width as your cursor changes to an arrow to resize the screen..
I would suggest that you save state in local-storage and/or hook into the onunload event, to prevent people from accidentally abandoning a sketch.