FramerJS

http://codepen.io ..perfect for straight to code UI prototyping

Using a lot of tools for lots of different cases

• Framer JS for complex interactions
• Hype for quick interactive prototype (the timeline and the possibility to play with the animation curves helps a lot). Also it's quicker than framer
• After Effect for more complex animations
• Invision to explain app flows
• Flinto for a bit more advanced flows
• Principle for micro interaction

If it's just showing intern what would be best practice I just sketch it on paper. But usually its UX pin for wireframes, Invision for displaying flow on screens and Principle for explaining developers what transitions to use.

Axure, UX Pin, inVision :)... and pencil + paper

• Marvel for simple non-linear screen flows
• Tumult Hype for animations
• Fully coded (Angular + jQuery w/ Flux-like structure) for advanced interactions and flows, data handling
• Wires (not yet released) for all of the above. It's an open-source prototyping tool I'm currently building. ;)

My process goes from Sketches in Paper, or recently Notes

to

Wireframes and clickable prototypes with Omnigraffle

to

Fast HTML prototypes with Pinegrow or Coda (I typically use bootstrap for prototyping, unless I need something more complicated)

Or if I'm doing some native app design, Pixate, or sometimes Hype.

It depends on the objetives of the prototype

• Marvel or InVision for simple prototypes and just screen flows
• Flinto for more detailed interactions

For bigger flows and complete prototypes for apps or websites I use Invision and for small interactions and animations, I use Principle. Really happy with Principle, compared to other programs it's really quick for small animations.

I'm surprised and also not surprised nobody said Quartz Composer + Origami. By far and large the most fun I've had prototyping. The fastest I've ever got up and running from comp to live prototype and good hand off to developers.

Depends what you hope to achieve by creating the prototype, and what part of a project you are fulfilling. As a UX design agency delivering fully resolved solutions for clients our process includes:

1. Pen & paper
2. Balsamiq mockups exported & connected in invision
3. Photoshop UI designs connected in invision
4. HTML/CSS prototypes, build bespoke

I'm using Hype from tumult. If necessary InVision, Flinto and soon principle.

FramerJS.

As Terry Douglas said, Paper+pencil if you are working by yourself or InVision if working with a team or want client's feedback.

Zurb's Foundation allows you to build prototypes as well.

After a lot of testing, I came to this conclusion:

If you're new to prototyping or are looking for quick results

• Flinto

• Principle

If you're looking for something a bit more capable and want to capture nuances not possible in Flinto or Principle

• Form

• Framer

I also use QC+Origami, but it's getting harder and harder to recommend these days, as the other options keep rapidly improving.

If you're on Windows

• Pixate

• Framer.js

• Proto.io

Invision and Principle for me right now.

Prototyping is overrated. I use wireframe annotations with clear explanations.

uxpin and invision

InVision for entire app design specifications. Principle when I want to hand over specific and sometimes unusual animations to devs.

Axure, Pen & Paper

Procreate for sketches, Axure for prototypes.

Principle. It's best for micro-interactions, but you can still do basic navigations etc...

Depends what level of fidelity you're going for and what you're attempting to evaluate and who you need feedback from. Pen & paper and I find HTML (JS, SASS) covers a lot of ground. The right tool at the right time... I wrote about it here: https://medium.com/@jessekorzan/the-right-tool-at-the-right-time-ae87516f22f1#.f9ohjng8d