131 lines
7.1 KiB
Markdown
131 lines
7.1 KiB
Markdown
# awesome Sketch [](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
|
||
|
||
[](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.
|
||
|