Browse By

Top 20 Wireframe Tools

Wireframes can be created in many ways with several tools depending upon one’s communication needs and budget. Most simply, pen and paper are key tools for creating web wireframes. In addition some designers and developers are using Illustrator, Fireworks or PowerPoint to create wireframes. There are also interactive wireframe tools available for use by designers, programmers, and project managers, which allow collaboration with clients prior to the website programming stage. Wireframe tools included in this list allows you to make wireframes from low to high fidelity, work in collaboration with your team and clients, get feedback from stakeholders. In some cases, wireframe tools lets you prototype a website i.e. make links clickable to share with clients before building the final product. What’s your favorite wireframe tool? Please speak out in the comments.

wireframe-tools

wireframe-tools

Pidoco
Pidoco is a real time collaborative online platform to create interactive web and software prototypes, and to test, discuss and optimize them.

ProtoShare
ProtoShare is a collaborative online tool to build website wireframes and dynamic, navigable website prototypes that team members can then review and comment on in real-time.

iPlotz
With iPlotz you can create clickable, navigable wireframes to create the experience of a real website or software application. You can also invite others to comment on the designs, and once ready, you can then manage the tasks for developers and designers to build the project.

Hot Gloo
Hot Gloo is the online wireframe application currently in free beta. You can drag and drop elements, scale, link, name and rename them. You can also edit, comment & share any moment of the developing process with colleagues and clients.

Denim
DENIM is a free multiplatform desktop app that supports sketching input (through pen tablet), allows design at different refinement levels, and unifies the levels through zooming. Unlike a paper sketch, this electronic sketch is interactive and can easily be annotated and modified using editing gestures.

Pencil
Pencil is a free Firefox addon for making diagrams and GUI prototyping. Its features include: built-in stencils for diagramming and prototyping, multi-page document with background page, on-screen text editing, undo/redo, installing user-defined stencils, adding external objects.

Gliffy
Gliffy free wireframe software makes it easy to create website wireframes and to share web mockups with anyone. You can export your wireframe for future use in other applications as well.

Omnigraffle
Omnigraffle (100-200$) is a diagramming and wireframe application built specifically for Mac OS. Using drag-and-drop WYSIWYG interface users cans create simple and complex diagrams, flow charts, organization charts and illustrations. Import, export of Visio files is supported.

MockupScreens
MockupScreens (89-369$) lets you sketch screen mockups of your application and organize them in scenarios. Users can experiment interactively with clients and quickly visualize scenarios of applications before the coding has started.

iRise
iRise (6.995$) is visualization authoring tool which simulates the workflow and basic behavior of proposed business applications through direct communication with stakeholders via interactive requirements gathering sessions. iRise also helps to create a high fidelity version of the simulation.

Axure RP Pro
Axure RP Pro (589$+) is a rapid wireframing and prototyping tool which provides drag and drop environment, automated specifications, HTML prototype generation and collaboration options.

Jumpchart
Jumpchart (free-50$) is intended for quick mapping, prototyping and collaborating. A Jumpchart allows you to export your wireframe as CSS/XHTML, and automatically generates its own sitemap.

EightShapes Unify
EightShapes Unify is a free downloadable collection of templates, libraries, and other assets for Adobe InDesign CS3-4 that helps to create website wireframes faster.

WireframeSketcher
WireframeSketcher (free, some conditions) is an Eclipse plugin for creating wireframes, screen mockups and UI prototypes. It helps you quickly create screen mockups and UI prototypes right from within Eclipse IDE.

Microsoft Visio
Microsoft Visio (259-559$) is an app that uses vector graphics to create diagrams. Professional edition has additional templates and option to connect diagrams to a number of data sources and display the information graphically.

Balsamiq Mockups
Balsamiq Mockups (79$) is an Adobe AIR application for creating wireframes features hand-drawn, sketch-like interface elements library. The wireframes made with it look very much like a draft.

mxGraph
mxGraph is free a JavaScript library that uses built-in browser capabilities to provide an interactive drawing and diagramming solution. mxGraph works straight out of the box, no client configuration or installation required.

Justinmind Prototyper
Justinmind Prototyper (690-1290$) is a desktop tool to design wireframes and run simulations for web, desktop and mobile applications. The product lets you define user interface elements using a drag and drop environment with component libraries, and attach actions to components.

ForeUI
ForeUI (79-1311$) provides an easy-to-use environment to rapidly create prototype of your website or software. You can do most of things with mouse drag-and-drop, single click or double-click. ForeUI support various UI styles for prototyping, wireframe is the default UI style.

FlairBuilder
FlairBuilder (99$) is a cross-platform tool for rapid authoring of interactive wireframes and user interface prototypes. It features multiple projects and pages support, fast preview, web 2.0 as well as plain looking elements.

Justproto
Justproto (19-99$) is a web application to create and share online web wireframes using library of prototype elements with the multi-level structure. You can use Masters to avoid repletion of work.

Lucid Spec
Lucid Spec helps you rapidly prototype software and produce a concise, clear functional specification. Lucid Spec does this by combining screen design, application simulation, and user interface description all-in-one.

Share This
Facebooktwitterpinterest

14 thoughts on “Top 20 Wireframe Tools”

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.