Jun 11 2014

Getting Started with Sketch App: 30 Free Templates and Resources

Advertisement

Whether you are simply obsessed with building user interface designs or standalone widgets or if you love creating icons packs, prototyping website layout templates and constructing various mockups, chances are you have already heard about Sketch App. Being created by Bohemian Coding, this lightweight, yet powerful software for Mac OS X has since its inception been considered as a rival to bigger opponents such as Adobe Photoshop or Illustrator. Don’t be too surprised about that. This app is directly targeted at designers solely. Consequently it only offers instruments and plugins needed by this specific target group. Put that way, it is not really smaller in features than the mentioned competitors, it is only much more focused with everything on board any web designer might need.

Sketch 3: a Short Rundown of The Features

Sketch’s list of features is quite impressive.

  • Scalability of the designs. High precision thanks to quick and easy adaptation to various sizes;
  • Complex shapes, handy operation with paths and layers;
  • Perfect document organization with ability to run full searches on them;
  • Convenient inspector that includes such essential options as blending modes, positioning, layer opacity, various dynamic properties and others;
  • One-click export for those who don’t like to mess with lots of customization stuff;
  • Repeating elements thanks to a reusable option;
  • Boolean vector operations;
  • Simplicity of the user interface.

Moreover, there are some integral instruments

  • Text styles;
  • Grids and guides;
  • Bitmaps;
  • Multiple pages and artboards for the page;
  • Snap to pixels and much more.

As some might say, the Sketch app is a well-thought-out blend of Photoshop and Illustrator. It is devoid of clutter and extra features and is developed specifically for designers.

If you haven’t tried Sketch yet, head on over to Bohemian and download their trial version for free. Once the app convinced you, buy the full version for the comparably small amount of 79 USD.

Today we are going to show you a glimpse of the Sketch universe. The community is very active and has released loads of free resources. We have listed various fresh mockups, guis, icons and templates that were built with and for Sketch 3.

Twitter for Yosemite

twitter-for-yo
Creator:  Dmitry Novikov
Features:  Twitter widget mockup
License:  Free for personal use.

Yosemite

yosemite
Creator:  Danny Giebe
Features:  OS X
License:  Free for personal use.

Blueprint

blueprint
Creator:  rojcyk
Features:  Template with iPhone and iPad support
License:  Free for personal use.

Safari OS X Yosemite

safari
Creator:  Kuswanto
Features:  OS X
License:  Free for personal use.

Dark UI Kit

dark ui
Creator:  Alexander Haniotis
Features:  Buttons
License:  Free for personal use.

Twitter profile

twitter profile
Creator:  Benny Chew
Features:  Twitter mockup
License:  Free for personal use.

Marvel Resources

marvel
Creator:  Murat Mutlu
Features:  PSD and Sketch files
License:  Free for personal use.

wireframe template V1

wireframe
Creator:  John Menard
Features:  Wireframe
License:  Free for personal use.

Music Player

music
Creator:  Andreea Nicolaescu
Features:  iPhone app screen
License:  Free for personal use.

Profile Screen

profile
Creator:  R?za Selçuk Saydam
Features:  Line-style icons
License:  Free for personal use.

Login Screen

login

Creator:  R?za Selçuk Saydam
Features:  iPhone screen
License:  Free for personal use.

iPhone 5c

iphone
Creator:  Jisi Guo
Features:  Colorful iphone mockups
License:  Free for personal use.

iPhone 5/5s Wireframe

iphone2
Creator:  Tariq Abuirshaid
Features:  Wireframe
License:  Free for personal use.

iPad App Showcase Template

ipad
Creator:  Clifton Lin
Features:  Black and white ipad
License:  Free for personal use.

iPhone 5c mockup

iphone3

Creator: brilliantsketch
Features: Colorful iPhone mockup
License: Free for personal use.

Circlecons Vol1

circle

Creator:  Onur Oztaskiran
Features:  Assorted icons
License:  Free for personal use.

iOS 7 Icons

ios7
Creator:  Erica Jaclyn Stein
Features:  Natives and basic icons
License:  Free for personal use.

Linies

linies
Creator:  Norm
Features:  Assorted icons
License:  Free for personal use.

Sketch icons

rect
Creator:  Christian
Features:  Line-style icons
License:  Free for personal use.

GUI Content Views for iOS 7

mobile
Creator:  Erica Jaclyn Stein
Features:  Various screens
License:  Free for personal use.

iPhone GUI for Sketch (iOS7)

gui
Creator:  teehanlax
Features:  iOS7 GUI
License:  Free for personal and commercial use.

Ak?ll? Vatanda?

gui2
Creator:  R?za Selçuk Saydam
Features:  GUI screens
License:  Free for personal use.

Dark UI Kit

ui2
Creator:  Armand Chakhalyan
Features: Dark UI
License:  Free for personal use.

Nexus 5 Wireframe UI

nexus
Creator:  Tristan Remy
Features:  Wireframe UI
License:  Free for personal use.

iPhone 5S Wireframe

iphone4
Creator:  Gavin Anthony
Features:  Wireframe
License:  Free for personal use.

Flat UI Kit

ui3
Creator:  medialoot
Features:  Flat ui kit
License:  Free for personal use.

Yosemite Safari

browser
Creator:  Nishank Khanna
Features:  Browser frame
License:  Free for personal use.

Nexus 5

nexus2
Creator:  Tristan Remy
Features:  Nexus mockup
License:  Free for personal use

Chrome

chrome
Creator:  Octavian Rosca
Features:  Chrome frame
License:  Free for personal and commercial use.

Car Rent Design

car
Creator:  Gideon Heilbron
Features:  Website layout
License:  Free for personal use.

(dpe)

About the Author

Nataly is an internet entrepreneur and an amateur web designer and developer from Sevastopol, Ukraine. She is running a blog for web designers and developers where you can find some inspirational and useful stuff. In her spare time she reads books, unveils the secrets of the world and plays volleyball.Visit her blog or follow her on twitter

Comments and Discussions
Leave a Reply

Comments are moderated - and rel="nofollow" is in use. Please no link dropping, no keywords or domains as names; do not spam, and do not advertise!

comments form
search form
 
image description image description