HACKER Q&A
📣 nomilk

What's your go-to wireframing tool for MVPs?


From my self-taught (and, frankly, amateur perspective), there's two stages to wireframing for MVPs: the "butchers paper and sharpie" stage (very little detail on each page; map out typical user flow through your app), and "graphic design" stage where you use some graphics tool(s) to mock up pages in detail before coding them in HTML.

Do you agree with this? What (tool/tools) do you use?

My stack: I use butchers paper and sharpie for stage 1 and I don't have a good tool for stage 2 yet. I suck at graphic design but am getting better (have read some incredibly helpful design 101 books, like Refactoring UI), but am still clumsy using actual software to design mock ups. Thinking of learning figjam (have seen some streamers use it proficiently and it looks fast in sketching out ideas, and, importantly, flexible in changing them) but unsure and I lack good resources on how to learn it (books/videos/courses? - atm I'd be looking at self-teaching).

TIA for any shares/tips!


  👤 genmud Accepted Answer ✓
For me personally, I am not a designer. So I use a hard cover, square, xl moleskine notebook[1]. I like it because I can have things on a timeline, and look at historical revisions/sketches/notes.

[1] - https://www.moleskine.com/en-us/shop/notebooks/the-original/...


👤 cloudking
I'm pretty happy with https://www.mockplus.com

👤 sidkris