Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/diessica/awesome-sketch

:books: delightful stuff for SketchApp students.
https://github.com/diessica/awesome-sketch

List: awesome-sketch

Last synced: 25 days ago
JSON representation

:books: delightful stuff for SketchApp students.

Awesome Lists containing this project

README 

        
# 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-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* 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 for prototyping with Sketch](http://blog.invisionapp.com/11-tips-for-prototyping-with-sketch/)

- [10 Tips & Tricks for Sketch](http://saloon.io/10-tips-tricks-for-sketch/)

- [7 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 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

- [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 Template](https://github.com/luandro/sketch-responsive-design-template), a template with [Font-Awesome](https://fortawesome.github.io/Font-Awesome/) and [Bootstrap UI Kit](http://bootstrapuikit.com/) as symbols for fast 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.