30 Wireframe Templates and Toolkits

Creating wireframes doesn’t necessarily require the use of special wireframing software. It is entirely possible to plan and prototype user interfaces using established tools like Adobe Illustrator, OmniGraffle or even PowerPoint and Keynote. These tools are tried and tested and incorporate a rich set of features that allow users to quickly and easily create wireframes without the need for specialist software. What’s more, they are designed by reliable software providers and it’s highly likely that they will continue to be around in a few years’ time.

To help you get started with wireframing using your tool of choice, I have compiled a list of useful wireframe templates and resources that are available in different file formats.

Webpage Wireframe Stencil Kit (Adobe Illustrator, EPS)

Webpage Wireframe Stencil Kit Template Toolkit

A collection of high-fidelity wireframe controls and icons in .ai and .eps vector format; free for use in both personal and commercial projects.

Webpage Wireframe Stencil Kit →

Wireframe Blueprint Kit (Adobe Illustrator)

Wireframe Blueprint Kit Template Toolkit

A small kit of beautifully designed website wireframe elements in light-grey with flecks of blue.

Wireframe/Blueprint Kit →

Sketching & Wireframing Kit (Adobe Illustrator, SVG, EPS)

Sketching & Wireframing Kit Template Toolkit

A free wireframing kit that contains typical websites elements such as form controls, banners, icons and indicators.

Sketching & Wireframing Kit →

Sqetch Wireframe Toolkit (Adobe Illustrator)

Sqetch Wireframe Toolkit Template Toolkit

This is a comprehensive collection of carefully hand-drawn templates and elements that can be used for web and mobile wireframes.

Sqetch Wireframe Toolkit →

iPad Sketch Elements (Adobe Illustrator)

iPad Sketch Elements Template Toolkit Wireframe

A collection of typical iPad controls offered in a sketch-like style for use in Adobe Illustrator.

iPad Sketch Elements →

iPhone Wireframe Elements (Adobe Illustrator)

iPhone Wireframe Elements Template Toolkit

A set of wireframe elements for iPhone apps in .ai and .pdf format; released under a Creative Commons Attribution license.

iPhone Wireframe Elements →

PowerMockup: Wireframe and Storyboard Tool (PowerPoint)

PowerMockup: Wireframe and Storyboard Tool Template Toolkit

An add-on for PowerPoint that provides a searchable library of over 250 wireframe stencils and icons.

PowerMockup: Wireframe and Storyboard Tool →

Windows 8 Wireframe Templates (PowerPoint)

Windows 8 Wireframe Templates Template Toolkit

A free collection of PowerPoint slides for wireframing Windows 8 apps; includes 240 app icons.

Windows 8 Wireframe Templates →

Wireframe Stencils (PowerPoint)

Wireframe Stencils Template Toolkit

A small set of UI shapes for creating wireframes of desktop and web applications in PowerPoint 2003 and newer releases.

Wireframe Stencils →

Keynotopia: User Interface Design Libraries (Keynote, PowerPoint, OpenOffice Impress)

Keynotopia: User Interface Design Libraries Template Toolkit Wireframe

Keynotopia is a huge commercial collection of low and high fidelity UI components for use in Keynote, PowerPoint and OpenOffice.

Keynotopia: User Interface Design Libraries →

Keynote Kung-Fu: Wireframe Toolkit (Keynote, PowerPoint)

Keynote Kung-Fu: Wireframe Toolkit Template Toolkit

Similar to Keynotopia, Keynote Kung-Fu provides dozens of UI templates for use with Keynote and PowerPoint.

Keynote Kung-Fu: Wireframe Toolkit →

Sketchit for iPhone App Wireframes (Keynote)

Sketchit for iPhone App Wireframes Template Toolkit

Sketchit is a collection of Keynote slides that can be used for creating wireframes of iPhone apps.

Sketchit for iPhone App Wireframes →

WireKraft Wireframe Kit (Keynote)

WireKraft Wireframe Kit Template Toolkit

Another collection of templates for wireframing iPhone, iPad, Android, and Windows Phone apps using Keynote.

WireKraft Wireframe Kit →

Stencils for Information Architects (Visio)

Stencils for Information Architects Template Toolkit Wireframe

Visio stencils that are designed to aid the work of an information architect. The resource includes stencils for wireframes, sitemaps, and process flows.

Stencils for Information Architects →

Spoon: Mobile Wireframe Kit (Photoshop)

Spoon: Mobile Wireframe Kit Template Toolkit

A clear and elegant kit of wireframe controls for use with iPhone and iPad apps. The collection also includes hand gesture illustrations.

Spoon: Mobile Wireframe Kit →

Photoshop Wireframe Kit (Photoshop)

Photoshop Wireframe Kit Template Toolkit

A free, simple website wireframe kit that includes elements such as headings, bullet lists, form fields, image and video controls, etc.

Photoshop Wireframe Kit →

Photoshop Wireframing Tool (Photoshop)

Photoshop Wireframing Tool Template Toolkit

A wireframing kit that consists of 175 vector-based custom shapes for use in Photoshop. It is priced at $19.

Photoshop Wireframing Tool →

Wireframe UI Kit (Photoshop)

Wireframe UI Kit Template Toolkit

A free kit containing 60+ editable wireframe templates for many of the typical elements used in web design.

Wireframe UI Kit →

Web Design Wireframe Kit (Photoshop)

Web Design Wireframe Kit Template Toolkit

Another kit for creating website wireframes in Photoshop and Adobe Illustrator. The kit consists of over 120 UI elements.

Web Design Wireframe Kit →

Mini Wireframing Kit (Photoshop)

Mini Wireframing Kit Template Toolkit

A PSD template for cute little miniature wireframes, includes a pixel font for dummy text.

Mini Wireframing Kit →

Web UI Wireframe Kit (Photoshop)

Web UI Wireframe Kit Template Toolkit

A free collection of scalable Photoshop shapes and smart objects that can be used to create website wireframes.

Web UI Wireframe Kit →

Konigi Wireframe Stencils (OmniGraffle)

Konigi Wireframe Stencils Template Toolkit

A rather large set of shapes for making wireframes of websites and mobile apps in OmniGraffle.

Konigi Wireframe Stencils →

Web Wireframe Stencils (OmniGraffle)

Web Wireframe Stencils Template Toolkit

Another OmniGraffle stencil that is designed to allow users to quickly create simple wireframes of websites and web applications.

Web Wireframe Stencils →

Wireframe Sketch (OmniGraffle)

Wireframe Sketch Template Toolkit

An awesome template of hand-sketched wireframe controls for OmniGraffle.

Wireframe Sketch →

elwebUI: Web Wireframe Kit (OmniGraffle)

elwebUI: Web Wireframe Kit Template Toolkit

A relatively complete collection of commonly used user interface elements for web projects.

elwebUI: Web Wireframe Kit →

ZURB iPad Stencils (OmniGraffle)

ZURB iPad Stencils Template Toolkit Wireframe

A great looking stencil and some sketch sheets for quickly creating low-fi wireframes for the iPad.

ZURB iPad Stencils →

Adobe Fireworks Wireframing Kit (Fireworks)

Adobe Fireworks Wireframing Kit Template Toolkit

A free and handy wireframing kit, handcrafted by Hannah Milan with Adobe Fireworks.

Adobe Fireworks Wireframing Kit →

Dragnet Website Wireframes Kit (Fireworks)

Dragnet Website Wireframes Kit Template Toolkit

Another wireframing kit for Fireworks. The kit consists of over 25 common web design elements such as scrollbars, buttons, menus, etc.

Dragnet Website Wireframes Kit →

Wireframe Kit (Google Drawings)

Wireframe Kit Template Toolkit

A set of blue-colored wireframe templates for use in Google Drawings, a component of Google Docs.

Wireframe Kit →

iPhone Wireframe UI Kit (Sketch)

iPhone Wireframe UI Kit Template Toolkit

A kit for creating wireframes of iPhone applications in Sketch (a powerful vector-based design tool for Mac OS X).

iPhone Wireframe UI Kit →

Conclusion

I hope you have found our compilation of helpful resources useful and that there is something in the list that suits your needs. Please share your thoughts and experiences in the comment section below. I’d also be glad to hear of any further resources that I may have missed in the collection and you would like to recommend.

Author: (1 Posts)

Ludmila Pasol is an IT professional from Bucharest, Romania. She has a Master of Science degree in Computer Information Systems and loves coding in Java, Python, PHP and JavaScript.

Comments