Ask HN: what tools do you use for UI mockups?

I have used Mockingbird (https://gomockingbird.com/) and Balsamiq (http://www.balsamiq.com/) in the past. Currently I like to use Omnigraffle pro (http://www.omnigroup.com/products/omnigraffle/).

Pen and paper. If I need to have an electronic version, I take a picture with my 8 megapixels phone camera and I email it.

It's the fastest tool, but it does require knowing how to draw straight lines.

It also leaves management under no illusion that the thing is "almost done".

I work at a company in the top 15 of the Fortune 500.

Axure is a good tool. Really easy to get up to speed and small niceties that keep things quickly moving. I like it better than the Free 'Pencil' software because you can mockup dropdowns really easy. You can also change the fidelity of the mockup so it looks like hand drawn. Seems gimmicky but people sometimes need it to be hammered into them that it's a wireframe.

When you export, you can export to a working clickable mockup with notes and things on it. I've felt pretty darn productive with Axure and that's why I recommend it.

If you work on Windows and want something with full vector graphic drawing, take a look at Xara Designer Pro or Xara Web Designer Premium. You'll have drawing capabilities like with Illustrator, but it's faster and you can assign things as buttons and mockup working websites.

You can make working dropdown menus too.

It produces a lot of absolute positioned css code, so it's not integrated with any web framework but does render pixel perfect.

I'm not sure how it would handle a responsive site, probably not, but you could quickly mockup the mobile version though.

You might also look at Corel Draw too.

If you want free, again Pencil, Inkscape or try the Google Draw templates - http://mortenjust.com/2010/04/19/a-wireframe-kit-for-google-...

another recommend for draw.io and also look the maqueta software - http://maqetta.org/news/2011/ibm-contributes-maqetta-html5-v...

I used Visio for the longest time. This year though, I began using balsamiq (http://www.balsamiq.com/) and I am extremely happy with it.

I have also seen Jetstrap (https://www.jetstrap.com/) and it looks very cool but haven't tried it myself.

[EDIT] Fixed Typo.

Hi, I have been looking at fluidui which is purported to be faster than paper for web apps. I like it because you the UI is drag and drop. You can zoomout and just make a thumbnail view or zoom in and detail each page. I like invisionapp for stiching together your paper or illustrator sketches with hotspots and an easy to email url that invites you to bookmark the app. I bought Balsalmiq because it was so dang satisfying but I find my workflow is not awesome because I can't play with it easily on my phone.

Right now I just bought a $4 pad of news print from BLICK. It's cheap and I can use it on the airplane which is where I'll be tomorrow. HTH!

Take a look at http://pencil.evolus.vn , it can run as an standalone .exe and also as a firefox extension.

Totally recommend https://www.draw.io if you're on Google Apps. Syncs with Drive, has a ton of cool elements, and all elements are super customizable if you know a little code. Also the developer is very responsive -- I've submitted bugs and feature requests and they've gotten back to me right away.

We use InvisionApp (http://www.invisionapp.com/)

You transform designs into beautiful, interactive web & mobile mockups and you can receive feedback and collaboration in real time inside the mockups

If you are on a mac, I'd suggest checking out http://keynotekungfu.com/

I like Balsamiq because it's easy to work with and the jagged edges boldly state "I am a prototype, not the final product"

Keynote and keynotopia is a winning combination. It's super quick and can output to a vast number of formats.

Whiteboards and a camera phone for sketching; HTML+CSS+JS (Foundation or Bootstrap) for clickable prototypes.

Thank you everyone for the feedback. So far I really enjoyed using balsamiq. I like how simple it is.

I use Balsamiq (which is great and I would highly recommend) as well as a simple yellow Tops notepad.

I use the well known InkScape http://inkscape.org

also check out http://easel.io

Adobe Illustrator all the way.

new kid on the block : webflow.com I haven't tried this yet.