50 Free Wireframe Templates for Mobile, Web and UX Design
In the initial stages of a project, when ideas aren’t quite fully formed, it’s good practice to wireframe the layout of your mobile app or web project by stripping away all design elements and flourishes to help define and better communicate the information hierarchy of the layout and plan for functionality and user flow.
Whether you create them using a whiteboard, pencil and paper, web-based tools, or using a graphic application, effective wireframing and planning play a critical role in the success of your product.
While most wireframing tools are readily and freely available (pen, paper, markers…), you may have to pay to use some web-based tools, and if you know where to look, you can also grab some free, templates for graphic applications like Photoshop, Illustrator or Sketch. Lucky for you know where to look, as you have landed on this page!
To make it easier for you to find the exact type of wireframe template you’re looking for, I’ve split them into the following sub-categories: Material Design, iOS, Multi-Purpose Mobile, Web Design and UX Design.
Specifications, guidelines, and design trends are constantly being improved, and the below wireframe templates reflect that, but if you’re looking for older, yet possibly still relevant, wireframe templates, you can take a look at this post from 2014.
iOS Wireframe Kits
iPhone 6 Vector Wireframing Toolkit (AI) Designed by Michelle
Turbo iOS Wireframe Kit (Envato Elements)
Snap UI iOS8 Wireframe Kit (Sketch) Designed by Jon Rundle
Sketchy – iOS Wireframe Kit (Envato Elements)
iOS Simple Wireframe Kit (Sketch) Designed by Barbara Giardelli
Flow iOS Wireframe Kit (Sketch) Designed by Vineet Kumar
Turbo iOS Wireframe Kit (Sketch) Designed by JustUI
Apple Watch Wireframe Kit (AI) Designed by Jessie Farris
Apple Watch Wireframe Templates (Sketch) Designed by Rémi Fayolle
iPhone Templates Mobile Storyboard Template (AI) Designed by J.Baptiste Eudeline
Bones IOS Wireframe Kit (Envato Elements)
iPad Wireframes for UX Design (Sketch) Designed by Phil Goodwin
iPhone Wireframes (Sketch) Designed by Phil Goodwin
iPhone 6 Wireframes (PSD) Designed by Oleg Sukhorukov
Free iOS UX Wireframe & Icon Set (PNG, SVG & EPS) Designed by Marcin Cajzer
WZ Wireframe Kit (Sketch) Designed by wendzhue
Material Design Wireframe Kits
Material Design Wireframe Kit (Sketch) Designed by Dan Shipley
Material Design Mobile Wireframe Templates (PSD) Designed by Abdulhameid Grandoka
Multi-Purpose Mobile Wireframe Kits
Wires – Two free wireframe UX kits for mobile and web, built exclusively for Adobe XD
Bolt Wireframes (Envato Elements)
Mobile Design System (Envato Elements)
Moon Wireframe Kit (Sketch) Designed by George Frigo
Liberty Mobile (Envato Elements)
Mobile UI Blueprint (PSD) Designed by 365PSD
Mobile Wireframe Templates (Sketch) Designed by Rıza Selçuk Saydam
Mobile Wireframe Kit (Sketch) Designed by Phil Goodwin
Mobile Wireframe Kit (Envato Elements)
Printable Wireframe Templates (Envato Elements)
Web Design Wireframe Templates
Free Website Wireframe Templates (Sketch) Designed by The Gentlemans Mustache
Sketchframes Boostrap UI Kit (Sketch)
Wirebase Base Elements for Creating Wireframes (Sketch) Designed by Patryk Zabielski
Responsive Wireframe Template (Sketch) Designed by Jubal Mabaquiao
Mottom Simple eCommerce Wireframe Templates (Sketch) Designed by A. Yusuf Besim
Jolly UI Free Hand-Drawn UI Kit (AI & EPS) Designed by Hand-Drawn Goods
Website Wireframe Template (Sketch) Designed by Garret Voorhees
Multi-Purpose Wireframe Kit (Sketch) Designed by Micah Sivitz
Kita3 Wireframe & Mockup UI Kit (PSD) Designed by Mouafa Ahmed
Teracy Wireframe Kit (Sketch) Designed by Teracy
Fluid Wireframe Kit (Sketch)
Wireframe Landing Page Template (Photoshop)
Atomic Design Template (Sketch)
Essential Prototyping Template (Sketch)
Starter Wireframe Templates (Sketch)
B&W UI Elements (Sketch)
UX Design Templates
Wyre Web Layout Flowcharts (AI, EPS & SVG) Designed by Petr Knoll
Web and Mobile Wireframing & Layout Kit (AI) Designed by VectorOpenStock
Mobile Wireframing Kit & Flowchart Kit (Sketch) Designed by Dmitry Kurash & Irina Medyantseva
Flowchart Wireframe Set (Sketch) Designed by Arthur Guillermin Hazan
Wireframer Icon Pack (SVG) Designed by Eugene Dobrik
iPhone 6 UX Workflow (AI) Designed by Aaron Humphreys
UX Device Pack (AI & EPS) Designed by Qaaim Goodwin
UX Wireframe Set (AI) Designed by Michal Koczor
Mobile Diagram Template (Sketch) Designed by Ismael Kose
UX Case Study Wireframe Template (EPS) Designed by Ashley Porciuncula
Free Flowchart Kit (Sketch)
User Flow Assets (Sketch)
User Flow Diagram Template (Sketch)
Web Design Flowchart Templates (Photoshop)
Mobile UI Wireflow Template Kit (Sketch)
The post 50 Free Wireframe Templates for Mobile, Web and UX Design appeared first on Speckyboy Design Magazine.