Resources for designers

A useful collection of resources to help you design better and faster. Includes icons, fonts, templates, UI Kits, tools, and more. I also post new resources on Twitter.

 
Screen Shot 2018-05-10 at 5.53.37 PM.png

LineAwesome

Tidy and clean line icons in a font. You can always convert to outlines in Sketch if you need to export as SVG.

Get it
poppins-font

Poppins

A beautiful, round, squat typeface. This font looks especially nice at bolder weights. Poppins has a nice clean and modern feel.

Get it
radnika-font

Radnika

Radnika is a workhorse typeface. Clean and modern, Radnika works great as a big bold title, or as tight and dense body text.

Get it
 
Screen Shot 2018-05-10 at 6.06.41 PM.png

Anime

A beautiful Javascript animation engine. Check out the website to see some really slick examples of what can be done with this well-crafted animation library.

Get it
cursors

Cursor.in

A collection of common cursor states in macOS as SVGs. These come in handy when you need to show a specific interaction state.

Get it
ui-faces

UI Faces

Need realistic looking avatars for your mockup? Skip the cheesy stock photos and head over to UI Faces to browse real avatars tagged with age, gender, emotion and hair color. Wow.

Get it
 
isometric-sketch

Sketch Isometric Plugin

Looking for a slick and trendy way to display your mockups? Easily generate Isometric views from Artboards and Rectanglesin Sketch.

Get it
principle-templates

Principle Templates

Unofficial starter templates for the popular motion design tool, Principle. A great way to get inspiration and look under the hood of some really beautiful animation.

Get it
Screen Shot 2018-05-10 at 6.37.14 PM.png


iOS 11 iPhone GUI

The most accurate and robust UI Kit of stock iOS 11 components. Free from the Facebook Design team, a great resource for the community.

Get it
 
cool-hue-gradients

coolHue

Spice things up with a trendy gradient. coolHue has a big library of options with pretty good range. Just don't go too crazy with the gradients.

Get it
abstract

Abstract

One of my favorite tools in the world. Abstract keeps designers sane by solving versioning of design files. No more "v5_Final_FinalFinal_FINAL.sketch"!

Get it
shotty

Shotty

Access your recent screenshots from the Mac menu bar. Quickly drag and drop into other applications, and easily annotate screenshots for better communication.

Get it
feather

Feather

Give your UI a clean and consistent look with this free collection of beautifully designed line icons with a round and friendly feel.

Get it
Screen Shot 2018-05-18 at 1.04.49 PM.png

Lottie

Easily add high-quality animation to any native app. This library allows you to use After Effects animations in iOS, Android, and React Native apps.

Get it
Screen Shot 2018-05-18 at 1.11.25 PM.png

Adele

A collection of publicly available design systems and pattern libraries. Useful for learning, inspiration, or to pick your poison for your next project.

Get it