What tool do you use for wireframing and why?

over 7 years ago from , Interactive Media Designer at Allink AG

For the longest time my tool of choice when it comes to wireframing has been photoshop, simply because its the tool I'm most familiar with. It gets the job done, but I cant help but think theres better tools for doing this sort of stuff. This morning I played around with sketch for a bit and oh boy. Compared to wireframing in PS it was a breeze! Especially the "styles" feature struck me as extremely helpful. Yet it turns out Illustrator offers the same feature (dont hold not knowing this against me). Now I find myself torn between tools. Illustrator? Sketch? Or should I stick with photoshop after all? Also what are the pros and cons of your preferred tool?

Thanks a lot :)


  • Scot Criswell, over 7 years ago

    I personally enjoy using omnigraffle. It allows a mid-level amount of detail and style without constraining visual design. It also allows for quick iteration and feedback during cycles.

    0 points
  • Kyle Russell, over 7 years ago

    Balsamiq for the quick and dirty stuff. Sketch for when it needs a bit more style.

    0 points
  • Ron SwansonRon Swanson, over 7 years ago

    I have different approaches for this and love testing new tools for it (Keynote, Axure, Omnigraffle, Sketch, Illustrator, etc).

    Best so far for me:

    Keynote: For presenting more conceptual wireframes, not down to every single function and control. Telling how stuff will work and more importantly, WHY.

    Sketch or Illustrator: For more advanced wireframing, down to all GUI components. I always draw everything freehand and are never using "gui templates" with common components. It's also important for me to give the graphical designer a fairly large freedom, so the gui details are not the most important for me.

    0 points