Files
awesome-awesomeness/terminal/sketch
2025-07-18 22:22:32 +02:00

135 lines
14 KiB
Plaintext
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
 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 designers 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.
sketch Github: https://github.com/diessica/awesome-sketch