James McNab
UX Instructor @RedAcademy. Good Design is as little design as possible. Less but Better. -Dieter Rams
17 essential Sketch templates for UX noobs
Since my first week teaching UX design at RED Academy there’s one question I keep hearing from my students, how do I become more efficient in Sketch? So I decided to put together a collection of simple templates to help them digitize their paper sketches faster, with a more presentable final result that they’d be proud to put in their portfolio.
It’s worked so well for my students that I thought I’d share that list of templates for anyone that’s just started in UX design and needs some help to speed up their workflow.
1) Bootstrap Grids
Bootstrap 4 Grid
I haven't found a good Sketch template yet for the Bootstrap 4 grid so I put one together quick. This is based on the…dribbble.com
I haven't found a good Sketch template yet for the Bootstrap 4 grid so I put one together quick. This is based on the…dribbble.com
2) TETHR UI Kit by Invision
TETHR
Your team is most productive when your entire design workflow is in one place, start to finish. Our integrations…www.invisionapp.com
Your team is most productive when your entire design workflow is in one place, start to finish. Our integrations…www.invisionapp.com
3) Desktop + mobile userflow icons by Nate Shulte
Sketch freebie: Mobile Icons
Made some mobile icons to go along with my previous set of icons: https://dribbble.com/shots/2578223-Freebie-Site-Icons…dribbble.com
Made some mobile icons to go along with my previous set of icons: https://dribbble.com/shots/2578223-Freebie-Site-Icons…dribbble.com
4) Mobile wireframe by Fol Studio
Field Wireframe Sample Sketch freebie - Download free resource for Sketch - Sketch App Sources
Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design resources for Sketch.www.sketchappsources.com
Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design resources for Sketch.www.sketchappsources.com
5) Subtle Devices by Hanson Wu
Sketch Freebie - Subtle Devices
Been thinking of ideas for refreshing my portfolio recently. Saw examples of displaying mocks within a subtle device…dribbble.com
Been thinking of ideas for refreshing my portfolio recently. Saw examples of displaying mocks within a subtle device…dribbble.com
6) Illustrated Avatars by Freepik
50 free vector icons of Avatars designed by Freepik
× Collections are the core of our web app, do you want to know how to use them? Press next to watch the guide. 1 of 9…www.flaticon.com
× Collections are the core of our web app, do you want to know how to use them? Press next to watch the guide. 1 of 9…www.flaticon.com
7) CompassCons by Danny Saltaren
8) Font Awesome icons for Sketch by Boltmade
Font Awesome Icons for Sketch | Boltmade
For the past few months we've been using Sketch as our primary visual design tool. It has completely re-shaped our…www.boltmade.com
For the past few months we've been using Sketch as our primary visual design tool. It has completely re-shaped our…www.boltmade.com
9) Material Design Wireframe Kit V2 by Dan Shipley
Material Design Wireframe Kit V2
This is version two of the awesome Material Design wireframe kit which was designed and shared by Dan Shipley. Happy…sketchrepo.com
This is version two of the awesome Material Design wireframe kit which was designed and shared by Dan Shipley. Happy…sketchrepo.com
10) Flow Chart Kit by Dmitry Kurash
Flowcharts
Just created a totally free wireframing/flowchart kit. Feel free to download it (Link on Behance). Download - External…dribbble.com
Just created a totally free wireframing/flowchart kit. Feel free to download it (Link on Behance). Download - External…dribbble.com
11) Facebook Design Resources
Facebook Design Resources
A collection of free resources made by designers at Facebook.facebook.design
A collection of free resources made by designers at Facebook.facebook.design
12) Landing Page Wireframes by Pausrr
13) iOS 10 Gui by Great Simple Studio
iOS 10 GUI - Great Simple Studio
Set of UI elements from iOS 10 beta pre-designed in Sketch.ios10.greatsimple.io
Set of UI elements from iOS 10 beta pre-designed in Sketch.ios10.greatsimple.io
14) Flat Color UI Palette by M. Appelman
Flat UI Color Palette for Sketch
Download the palette. Unzip, open in Sketch and copy the palette into your own document. Use Control + C to quickly…huphtur.nl
Download the palette. Unzip, open in Sketch and copy the palette into your own document. Use Control + C to quickly…huphtur.nl
15) Affinity Diagram by Abinash Mohanty
User Research - Affinity Diagram
This handy UX affinity diagram for Sketch was designed and shared by Abinash Mohanty. Well done!sketchrepo.com
This handy UX affinity diagram for Sketch was designed and shared by Abinash Mohanty. Well done!sketchrepo.com
16) User Persona Template by Caitlin Charniga
User Personas (Sketch freebie!)
Some personas and user stories for an upcoming personal project. Feel free to use this as a template for your personas!dribbble.co
Some personas and user stories for an upcoming personal project. Feel free to use this as a template for your personas!dribbble.co
17) Simple UI Sketch Generator by Emmanuel Roy
Simple UI Sketch Generator
Here's a useful ressource for Sketch that I share with you folks. Generate your UI kit with Text styles, buttons…dribbble.com
Here's a useful ressource for Sketch that I share with you folks. Generate your UI kit with Text styles, buttons…dribbble.com
Hopefully these templates will help you create UX work in Sketch faster. If you found this helpful please hit recommend below and I’ll be happy to put together more lists for UX and Design.
