---
visibility: public
---

# Sketch

**repo:** [diessica/awesome-sketch](https://github.com/diessica/awesome-sketch)  
**category:** [[miscellaneous|Miscellaneous]]
**related:** [[css|Css]] · [[product-design|Product Design]]

---

# awesome Sketch [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)

> [**Sketch 3**](http://bohemiancoding.com/sketch/) has become very popular in the Design community. How much do you know about it?

A curated list of awesome Sketch videos, articles, plugins, whatever, for designers, developers, or neither.

Found something cool? Please, **[contribute](contributing.md)**!

--

* [Videos](#videos) :movie_camera:
* [Guides](#guides) :blue_book:
* [Articles](#articles) :newspaper:
  * [Tips and Tricks](#[tips](/@harrisonqian/awesome/wiki/programming-languages/tips)-and-tricks)
  * [Tutorials](#tutorials)
* [Community](#community) :sunglasses:
* [Plugins](#plugins) :electric_plug:
* [Templates & UI Kits](#templates--ui-kits) :scissors:
* [Services](#services)
* [Other](#other)

## Videos
###### Tutorial-only
- **[Sketch 3 Tutorials](https://www.youtube.com/playlist?list=PLLnpHn493BHE6UIsdKYlS5zu-ZYvx22CS)** (25 *[awesome](/@harrisonqian/awesome/wiki/miscellaneous/awesome)* lessons for beginners)
- [Exploring Sketch plugins](https://www.youtube.com/playlist?list=PLLnpHn493BHHUZe9bihv37Z6CyXBTyb-9)
- [LearnSketch channel](https://www.youtube.com/user/learnsketch/videos)

###### Process of designing dashboards, mobile apps
- [Sketch 3 Workflow playlist](https://www.youtube.com/playlist?list=PLdOb4Jg-Lxg-g4NyfQZkgkfwXJpMFwo5E)
- [SketchApp TV playlists](https://www.youtube.com/channel/UCSdp5logiFTM3SyLJrHabOQ/playlists)
- [Sketch 3 for iOS App Design Step by Step](https://www.youtube.com/watch?v=6SyFaRNVuUA)

###### General screencasts
- [SketchCasts](http://www.sketchcasts.net/) *(paid mostly)*

## Guides
- [A Guide to Sketch](https://readymag.com/u91593485/guidetosketch/)
- [Sketch Shortcuts](http://sketchshortcuts.com/)
- [Documentation](http://www.bohemiancoding.com/sketch/support/documentation/)
- [Switch to Sketch](https://www.switchtosketchapp.com/)

## Articles
###### Tips and Tricks
- [11 [tips](/@harrisonqian/awesome/wiki/programming-languages/tips) for prototyping with Sketch](http://blog.invisionapp.com/11-tips-for-prototyping-with-sketch/)
- [10 [Tips](/@harrisonqian/awesome/wiki/programming-languages/tips) & Tricks for Sketch](http://saloon.io/10-tips-tricks-for-sketch/)
- [7 [Tips](/@harrisonqian/awesome/wiki/programming-languages/tips) for Sketch Users](https://medium.com/design-idea/7-tips-for-sketch-users-e09c27c7ce08)
- [9 Sketch Features You Should be Using](http://webdesign.tutsplus.com/tutorials/9-sketch-features-you-should-be-using--webdesign-18016)
- [5 [Tips](/@harrisonqian/awesome/wiki/programming-languages/tips) to Help You Design Faster in Sketch](https://medium.com/product-labs/5-tips-to-help-you-design-faster-in-sketch-a9db54d10a72)

###### Tutorials
- [Fireworks vs. Sketch](http://unitid.nl/english/spot-the-difference-fireworks-and-sketch-3)
- [Supercharge your Workflow in Sketch](https://medium.com/@bazdeas/supercharge-your-workflow-in-sketch-ebc9e5274845)
- [Sketch for Beginners: Design a Login Form Interface](http://webdesign.tutsplus.com/tutorials/sketch-for-beginners-design-a-login-form-interface--cms-21534)
- [The A to Z of Sketch](http://webdesign.tutsplus.com/articles/the-a-to-z-of-sketch--cms-22030)
- [Mastering the Bézier Curve in Sketch](https://medium.com/sketch-app/mastering-the-bezier-curve-in-sketch-4da8fdf0dbbb)
- [Typography in Sketch 3: Linked Text Styles](https://medium.com/@ericajaclyn/typography-in-sketch-3-linked-text-styles-9946a32af688)

## Community
- [TeamSketch](http://teamsketch.io/), a community for Sketch designers powered by [Slack](/@harrisonqian/awesome/wiki/work/slack)
- [Google+ group](https://plus.google.com/communities/105292892811319179094)
- [Facebook group](https://www.facebook.com/groups/sketchformac/)
- [on Reddit](http://www.reddit.com/r/sketchapp)
- [SketchTalk](http://sketchtalk.io/), unofficial forum
- [Sketch Hunt](http://sketchhunt.com/)
- [Designer News](https://www.designernews.co/) *(people talk a lot about Sketch there!)*

## Plugins
> A plugin manager like [Sketchpacks](https://sketchpacks.com) is highly recommended.

###### Must-have :heart:
- [Content Generator](https://github.com/timuric/Content-generator-sketch-plugin)
- [RenameIt](https://github.com/rodi01/RenameIt)
- [Sketch Measure](https://github.com/utom/sketch-measure)
- [Style Inventory](https://github.com/getflourish/Sketch-Style-Inventory/)
- [Dynamic Button](https://github.com/ddwht/sketch-dynamic-button)
- [Page Switch](https://github.com/mauehara/sketch-page-switch)
- [Sketch Flex Layout](https://github.com/hrescak/Sketch-Flex-Layout)

###### Nice-to-have :thumbsup:
- [Handy Tools](https://github.com/webpatch/Handy-Tools/)
- [Easier.cc](http://easier.cc/) (Files up to 5 MB)
- [User Flow](https://github.com/abynim/UserFlows)
- [Sketch Runner](http://sketchrunner.com)
- [Efficiency](https://github.com/x-raizor/Efficiency)

##### Get more plugins
- [SketchApp Resources: Plugins for Sketch](http://www.sketchappsources.com/plugins.html)
- [Sketch Plugin Directory](https://github.com/sketchplugins/plugin-directory)
- [SketchPlugins mailing list](http://sketchplugins.com/)
- [Awesome Sketch Plugins](http://awesome-sket.ch/)
- Websites related to resources (see [Other](#other) section).
- In the [Sketch community](#community)

## Templates & UI Kits
- [Responsive [Web Design](/@harrisonqian/awesome/wiki/miscellaneous/web-design) Template](https://github.com/luandro/sketch-responsive-design-template), a template with [Font-Awesome](https://fortawesome.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/Font-Awesome/) and [Bootstrap UI Kit](http://bootstrapuikit.com/) as symbols for fast [web design](/@harrisonqian/awesome/wiki/miscellaneous/web-design).
- [Sketch iOS Templates](https://github.com/nvk/sketch-ios), a collection of many iOS templates.
- [Teracy Wireframe Kit](https://github.com/teracyhq/wireframe), created to help speed up your wireframing process. Includes basics UI elements for web, mobile and other devices.

## Services
- [Zeplin](https://zeplin.io) – design, prototyping and collaboration
- [Marvel](https://marvelapp.com) - design, prototyping and collaboration
- [Avocode](https://avocode.com) – get CSS, export assets, measure and handpick colors.
- Invision Inspect – it gives developers access to measurements, colors, and assets from a designer’s prototype
- [Sympli](https://sympli.io)
- [Abstract](https://www.goabstract.com/) - Version control and collaboration for Sketch files.

## Other
- (Newsletter) [Sketch official newsletter](https://bohemian.curated.co/)
- (Newsletter) [Sketch tricks](http://sketchtricks.com/)
- (Resources) [SketchApp Resources](http://www.sketchappsources.com/)
- (Resources) [SketchLand](http://sketch.land)
- (Resources) [SketchResources](http://sketchresources.com/)
- (Resources) [Sketchapp TV](http://sketchapp.tv/)
- (Resources) [Sketch Repo](http://sketchrepo.com/)
- [SketchApp Rocks](http://sketchapp.rocks/)
- [SketchTips](http://www.sketchtips.info/), a blog about Sketch
- [sketch-tricks on Medium](https://medium.com/sketch-tricks)

## Keep up to date!
Sketch has got a **fast-growing community**. Joining them (*see [Community](#community) section ↑*), following their [blog](http://bohemiancoding.tumblr.com/) and subscribing to their [newsletter](https://bohemian.curated.co/) are the best ways to keep up to date so far.

---

###### LICENSE

[![CC0](http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)](http://creativecommons.org/publicdomain/zero/1.0/)

To the extent possible under law, [Diéssica Gurskas](http://diessi.ca) has waived all copyright and related or neighboring rights to this work.
