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

3 points by nomilk ↗ HN
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!

5 comments

[ 3.3 ms ] story [ 23.2 ms ] thread
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/...

Love this (especially the timeline and portability aspects).

Also

> I am not a designer.

non-designers are exactly who I hope to hear from, so thank you!