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
Bones IOS Wireframe Kit with Envato Elements subscription
iPhone 6 Vector Wireframing Toolkit (AI). Designed by Michelle.
Turbo iOS Wireframe Kit with Envato Elements subscription
Snap UI iOS8 Wireframe Kit (Sketch). Designed by Jon Rundle.
Basement iOS Wireframe Kit with Envato Elements subscription
Flow iOS Wireframe Kit (Sketch). Designed by Vineet Kumar.
Sketchy – iOS Wireframe Kit with Envato Elements subscription
iOS Simple Wireframe Kit (Sketch). Designed by Barbara Giardelli.
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.
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.
Mobile Design System with Envato Elements subscription
Moon Wireframe Kit (Sketch). Designed by George Frigo.
Molo with Envato Elements subscription
Mobile UI Blueprint (PSD). Designed by 365PSD.
Bolt Wireframes with Envato Elements subscription
Mobile Wireframe Templates (Sketch). Designed by Rıza Selçuk Saydam.
Liberty Mobile with Envato Elements subscription
Mobile Wireframe Kit (Sketch). Designed by Phil Goodwin.
Mobile Wireframe Kit with Envato Elements subscription
Printable Wireframe Templates with Envato Elements subscription
Web Design Wireframe Templates
Basement Wireframe Kit with Envato Elements subscription
Free Website Wireframe Templates (Sketch). Designed by The Gentlemans Mustache.
UX Flowchart Cards with Envato Elements subscription
Sketchframes Boostrap UI Kit (Sketch).
Greyhound UX with Envato Elements subscription
Wirebase Base Elements for Creating Wireframes (Sketch). Designed by Patryk Zabielski.
Blokk Wireframes with Envato Elements subscription
Responsive Wireframe Template (Sketch). Designed by Jubal Mabaquiao.
Paper Wireframe Kit with Envato Elements subscription
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 Web Design Magazine.