The 19 best wireframe tools

11. Protoshare

Wireframe tools Protoshare

Protoshare puts the emphasis on online collaboration
  • Platform: Web-based
  • Price: $29-$59/month

Protoshare is an online tool with a focus on collaboration and sharing. It includes a library of drag-and-drop elements, a sitemap, and the ability to use custom CSS and insert your own elements. Due to the emphasis on online collaboration, unlike some other tools, it can't export as a PDF, however it is worth considering for its prototyping features.

12. Penultimate

Wireframing Wireframe tools Penultimate

Wireframing for an iPad app? Then use an iPad tool!
  • Platform: iPad
  • Price: Free

If you're working purely for iPad design, sketching out ideas directly within the device itself is the perfect way to ensure you’re working to the right ratio and with well-sized active areas. With Penultimate from Evernote, sketches and ideas can be easily saved and sent to clients for approval.

13. Pencil Project

Wireframe tools Pencil Project

Pencil is free, open source and comes with a variety of templates
  • Platform: Windows, Linux, Mac
  • Price: Free

Pencil is a free, open source wireframing tool available for Windows, Linux and Mac. Features include multi-page documents, external object import, as well as aligning, z-ordering, scaling and rotation. Various templates are included as well as the ability to export to HTML, PNG, Openoffice.org document, Word document, and PDF.

14. OmniGraffle

Wireframe tools Omnigraffle

OmniGraffle has made a seamless transition from Mac to iPad
  • Platform: Mac, iPad, iPhone
  • Price: From $49.99 (standard iOS version)

OmniGraffle is effectively an ideas tool that enables you to quickly bash together website wireframes, diagrams, process charts or page layouts. You select a document type, and OmniGraffle makes context-sensitive joins between separate elements, automatically linking lines in diagrams and aligning shapes and elements in wireframes or page layouts.

15. Gliffy

Wireframe tools Gliffy

Gliffy aims to 'make diagramming a team sport'
  • Platform: Web-based
  • Price: $4.99-$7.99/month per user

Gliffy is a tool that enables you to collaborate with other team members on flowcharts, network diagrams and more. It includes drag and drop components, online collaboration, image export and version tracking. 

16. MockFlow

Wireframe tools Mockflow

MockFlow is another great wireframe tool
  • Platform: Web-based
  • Price: Free-$39/month

Mockflow enables you to create working prototypes, and has an emphasis on collaboration and sharing. It includes features such as a sitemap creator for pages and folders, version tracking, image and component collections, chat, and HTML5 export.

17. Frame Box

Wireframe tools Framebox

Frame Box is a good free solution for simple wireframes
  • Platform: Online
  • Price: Free

Frame Box is a free online tool for very simple wireframing. It includes a few drag and drop elements and allows you to share the web page as a unique URL. You can also give your elements titles and descriptions to help explain their function.

18. FlairBuilder

Wireframe tools FlairBuilder

FlairBuilder lets you choose between ‘high-fidelity’ and ‘low-fidelity’ style graphics
  • Platform: Mac, Windows
  • Price: $99

Flairbuilder features multi-page projects, site map and comments. Like the rest, components are placed using a drag-and-drop interface and a clickable prototypes can be exported as HTML or shared online. You can also choose between 'high-fidelity' and 'low-fidelity' style graphics.

19. HotGloo

Wireframe tools HotGloo

Wireframing tool HotGloo offers a rich range of features
  • Platform: Web-based
  • Price: $13-$54/month

HotGloo's prototyping alone offers a rich range of features that goes far beyond simple clickable buttons. For example, users can change displayed elements depending on whether or not a user is logged in. 

And don't forget... pen and paper

Wireframing tools

There's nothing quicker than grabbing a pen and paper

Yes. An actual pen. And some real made-from-wood paper. OK, so these don’t allow you to make a prototype, and there are no built-in elements. But, if you feel more comfortable using a more traditional approach, why not get your ideas down on paper first and refine them in software later?

Related articles: