Getting Started with Sketch — a Link Bomb

So, you’re looking to make the move to Sketch or your just wanting to level up? I could wax eloquently about how Sketch is the best app for UI design but there are already so many good articles like that. I’m just going to hit on a lot of great resources and let you run with it from there.

Read this article first

http://hackingui.com/sketch-design/why-i-moved-to-sketch/

Now go download the app

https://www.sketchapp.com

And, I’m going to leave this here for you to read too

https://designcode.io/sketch — There are several chapters here that do a good job of introducing Sketch. Come back to this one when you’ve got questions.

Now, watch some videos

https://sketchapp.com/learn/

Get some plugins

https://sketchapp.com/extensions/

I use Sketch Toolbox to manage all of my plugins. 
http://sketchtoolbox.com

Here are the plugins that I use frequently:

  • Sketch Measure — Awesome tool for Redlines
  • BaseAlign — Aligns text boxes of different sizes to their common baseline
  • Distributor — Distributes objects by a specified distance. You can use the Grid tool in Sketch to do this but the layers have to be order exactly right or it will reorder them by layer order (annoying).
  • Content Generator — I use this to populate random profile names and images for mockups (this can also be populated using Craft. Speaking of…)
  • Craft — This plugin has several features to it. Just go to https://www.invisionapp.com/craft to learn about it. Made by InVision — I can’t say enough good things about InVision, they are putting out amazing tools and their weekly digest email always has really great content.
  • SketchRunner is a new tool I just discovered. I haven’t used it much but it looks really powerful. http://sketchrunner.com

Become familiar with Symbols

https://blog.sketchapp.com/sketch-3-7-and-new-symbols-d833a5be4027#.ar12qt4yg

Learn the keyboard shortcuts

http://sketchshortcuts.com

Checkout these awesome Sketch resources

http://www.sketchappsources.com
https://sketchrepo.com
http://sketch.land

Get these mobile UI kits

Why do a bunch of work when someone else has already done it for you
https://designcode.io/ios9
http://facebook.design/ios9
http://mercury.io/blog/free-ios-9-3-iphone-ui-kit-for-illustrator-and-sketch

Still got questions, need more tips

https://sketchapp.com/community/

Not overwhelmed with links yet…

These are not Sketch related but are some great resources to help you level up

Icons

http://www.flaticon.com/

UI Design Pattern Resources

http://pttrns.com — Personally my favorite
http://zurb.com/patterntap — Has the most desktop layout patterns
http://uxarchive.com/tasks/consuming
http://www.appreciateui.com/#/category/20
http://inspired-ui.com/tagged/navigation
http://uxmovement.com/resources/10-best-mobile-user-interface-pattern-libraries/

Windows (because, yes, people actually do own windows phones)
http://windowsphone-patterns.stylepatrol.com

eCommerce

http://baymard.com — eCommerce Usability Research
http://www.pricingpages.xyz — eCommerce design patterns
 See also:

UX eBooks

https://www.uxpin.com/studio/ebooks/ — This library is vast, and free! Don’t get overwhelmed by which one to start with, they are all good, just pick one and go.

For all the other links that I missed

You can find a nicely curated list here — http://www.sansfrancis.co

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.