13 Super Useful UI Wireframe Tools

By / Oct 9, 2012 / Tools
shares

When you begin to work on a project, it’s always important to begin creating your ideas as a wireframe. It is the step you take to put your ideas in action to see if what you have in mind will work properly. We recently posted an article showcasing Inspiring UI Wireframe Sketches and we received some inquiries about wireframing tools, so we decided to gather a few suggestions for you.

pidoco

Pidoco is a web-based prototyping software for rapidly creating clickable wireframes and UI prototypes for web, mobile and enterprise applications. It’s easy to use with smart sharing and collaboration features, a convenient usability testing module and much more.

Wireframe Tools

justinmind

The best platform to define web and mobile apps with rich interactive wireframes.

Wireframe Tools

Jumpchart

Make planning architecture easier with Jumpchart. By creating pages, and subpages you can quickly sketch out the hierarchy of your site. Change titles, and reorganize with just a click and a drag. It’s never been easier to plan the navigation for your site.

Wireframe Tools

Creately

Here at Creately, we are focused on making it easier for teams to work collaboratively on all things visual. And we do this by giving you a great online application that’s a breeze to use and an extraordinary customer service experience that you’ll love.

Wireframe Tools

Wireframe Tools

frame box

Easy frame sharing. Frame Box is a tool that is browser based and featured a click-and-drag layout system. This is fantastic for creating resizable, easily adjustable wireframes on the fly.

Wireframe Tools

Pencil

The Pencil Project’s unique mission is to build a free and opensource tool for making diagrams and GUI prototyping that everyone can use. Our top features: Built-in stencils for diagraming and prototyping, Multi-page document with background page, Inter-page linkings, On-screen text editing with rich-text supports and much more.

Wireframe Tools

Wireframe Tools

JustProto

JustProto allows multiple collaborators to work on an interactive prototype at the same time and then lets you share a fully functional preview to other users who can refresh and see your changes as they happen.

Wireframe Tools

Gliffy

With a tool that makes it easy to create, share, and collaborate on a wide range of diagrams, Gliffy users can communicate more clearly, boost innovation, improve decisions, and work more effectively.

Wireframe Tools

Wireframe Tools

WireframeSketcher

WireframeSketcher is a software tool that helps product managers, designers and developers quickly create wireframes, mockups and prototypes for desktop, web and mobile applications. It’s standalone software and a plug-in for any Eclipse IDE.

Wireframe Tools

Wireframe Tools

FlairBuilder

You start with the wireframe design, the content layout and main design elements such as branding, navigation, sections. Next, you attach interactions to elements in the wireframe. From simple page-to-page links, to more complex functional interactions. Prototyping advanced user interactivity has never been easier. It takes less time for you to see your ideas in action.

Wireframe Tools

Simple Diagrams

SimpleDiagrams is a small desktop application that helps you express your ideas quickly and simply. There’s just enough functionality to describe a thought or capture a process.

Wireframe Tools

iPhone Mockup

iPhone Mockup allows you to use different styles to create your mockups: Pencil or Illustration.

Wireframe Tools

MockNow

MockNow is a online wireframing sharing tool created by Ayush. MockNow target is easy to provide easy way to make quality wireframing online and nothing else.

Wireframe Tools

About the Author

Gisele Muller loves communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr

7 Comments

  1. Web Design Malaysia
    October 9, 2012

    Just proto is what we use day in day out. thumbs up to their awesome tool!

    Reply
  2. SGD
    October 10, 2012

    I always enjoy these UX wireframing tool roundups, but I can never seem to find anything that would make me give up OmniGraffle. I see lots of great sharing features, but they don’t outweigh learning a new tool or giving up volumes of previous work as assets. Maybe if I was starting a brand-new project from scratch?

    Reply
  3. Alan
    October 18, 2012

    A really good one is GoMockingbird.com

    Reply
  4. Tevya
    October 22, 2012

    You missed my favorite: Balsamiq! http://www.balsamiq.com

    Reply
    • David
      November 28, 2012

      yeah – Balsamiq is also my favorite and I think one of the best mockup tools.

      Reply
  5. Martin
    October 28, 2012

    You didn’t try out any of those… say, it’s not Justinmind, it’s Prototyper (the name of the actual product); furthermore, you don’t just write “The best platform to define web and mobile apps with rich interactive wireframes” in an article. It’s a commercial slogan, not a description. Guess you just copy-pasted their headings, must have not taken more than an hour to complete all. Just a little more effort would have been nice, like this is web app, this one is desktop, this is free, that one has 3 plans etc.

    Reply
  6. Howard Steele
    July 9, 2013

    Great tools, iPhone mockup looks amazing :)

    Reply

Leave a Reply