Resources for designers

A useful collection of resources to help you design better and faster. Includes icons, fonts, templates, UI Kits, tools, and more.

 
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.

poppins-font

Poppins

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

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.

 
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.

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.

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.

 
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.

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.

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.

 
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.

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"!

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.

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.

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.

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.