6 ms·

I stumbled upon this when I about to draw a wireframe for a new project on paper, so I decided to give it a try. Here's my comments, as I'm creating the mockup:

I stumbled upon this when I about to draw a wireframe for a new project on paper, so I decided to give it a try. Here's my comments, as I'm creating the mockup: - it's usable. Probably easier than Photohshop to throw together something quick and simple - There's no way it's going to replace Photoshop anytime soon since I need a many more tools to get a real design done but it works for mockups. - <strike>I don't get why the height is limited. My canvas is very wide (24 inch display) but only about 50% of the available space</strike>. Already found out from the comments how to resize - it's hard to position elements exactly: it behaves differently from Photoshop near the guiding lines, which takes time to adjust to - can't do ctrl-c, ctrl-v to duplicate objects. Again, it's a pattern I'm used to - when the number of objects becomes large and overlapping, the list of layers will be useful probably. Or, I'll move to photoshop for anything complicated anyway - when I hold the shift key down, I expect the element to move much quicker (I guess Photoshop does it this way) - I cannot make only part of the text underlined. If I have a piece of text with some links in it, I'm forced to create individual elements for all links

matt1 16y ago
Your comment on the width is well-received. I doubt many people are going to use this to create a mockup wider than 960px, so when I implement the grid I think I'm going to limit its width. I'd appreciate everyone's thoughts on this. Ctrl C/V : Will do. Re layers: Can you give me an example (share your mockup link) where that would be useful? I worry that it would complicate things more than they need to be. Can you elaborate on the shift key? How does that work? Eventually I'd like to implement a rich text feature where you can format the text however you want. Currently, as you noted, an element's font applies to all the text within it. Thanks for the feedback. Keep it coming.
- sgrove 16y ago
  Just as an aside (I watched your video and was quite impressed, but I haven't used it yet), it might be worth working with photoshop rather than against it. I could imagine your tool being used to rough something out, and being able to export to png/jpg (which you already have) or psd for some more serious editing or to be sent to a web designer. It's not anything I'd worry about in the short term, but it might be a nice differentiator.
- shadchnev 16y ago
  I didn't create the mockup complicated enough to use the layers but for a real pixel-perfect design they are a must, in particular the ability to show/hide them individually. However, they would probably overcomplicate this product, I'd keep it simple. Re: shift. When I press an arrow key, the object moves a pixel or two. If I need to move it 100px to the left, I have to either wait a bit or press the button too many times. If the step was changed to 10 or 20px if shift is held down, it'd be easier to move objects.
  - matt1 16y ago
    I like the shift idea a lot -- you can expect to see it implemented soon.

matt1 16y ago

Your comment on the width is well-received. I doubt many people are going to use this to create a mockup wider than 960px, so when I implement the grid I think I'm going to limit its width. I'd appreciate everyone's thoughts on this. Ctrl C/V : Will do. Re layers: Can you give me an example (share your mockup link) where that would be useful? I worry that it would complicate things more than they need to be. Can you elaborate on the shift key? How does that work? Eventually I'd like to implement a rich text feature where you can format the text however you want. Currently, as you noted, an element's font applies to all the text within it. Thanks for the feedback. Keep it coming.

sgrove 16y ago
Just as an aside (I watched your video and was quite impressed, but I haven't used it yet), it might be worth working with photoshop rather than against it. I could imagine your tool being used to rough something out, and being able to export to png/jpg (which you already have) or psd for some more serious editing or to be sent to a web designer. It's not anything I'd worry about in the short term, but it might be a nice differentiator.
shadchnev 16y ago
I didn't create the mockup complicated enough to use the layers but for a real pixel-perfect design they are a must, in particular the ability to show/hide them individually. However, they would probably overcomplicate this product, I'd keep it simple. Re: shift. When I press an arrow key, the object moves a pixel or two. If I need to move it 100px to the left, I have to either wait a bit or press the button too many times. If the step was changed to 10 or 20px if shift is held down, it'd be easier to move objects.
- matt1 16y ago
  I like the shift idea a lot -- you can expect to see it implemented soon.