[[
wikihub
]]
Search
⌘K
Explore
People
For Agents
Sign in
Explore
People
For Agents
Sign in
@harrisonqian / Awesome / wiki/miscellaneous/sketch.md
Suggest edit
Cancel
Submit suggestion
Title
Name
Note
--- 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 [](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 [](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.