A Comprehensive Guide to Free Design Resources

Free design resources are incredibly useful, not just for established designers, but also for individuals learning design. For those learning, it enables access to high quality resources which can be examined more closely. This means they can understand how certain styles are achieved, how layouts and spacing are defined, and even how to structure a file. Free resources are also a perfect way to begin playing with a software program like Sketch, Photoshop, or Figma.

Established designers can also benefit greatly from the availability of free design resources. It allows access to icons, photography, user interface kits, fonts, and more. Premium equivalents often cost considerable amounts of money, particularly in the font industry. This can prove tricky when working on low margin projects, or needing to buy multiple commercial licences for different clients and circumstances. Free resources provide both peace of mind and ease of use when it comes to licensing.

While there is most certainly a need for premium resources, it’s often the free equivalents that prove to be superior. In the case of user interface kits, it’s almost always the free resources that are the most comprehensive, quick-to-release, and easy-to-use.

There are vast libraries of free design resources on the web. It’s important to sift through them to find the high quality files which can serve to speed up your workflow and improve your designs. In this article, we are going to highlight the best places to find free design resources across all the main categories.

 

Icons

Winner: Material Icons

https://material.io/icons/

Material by Google offers some incredible resources. All of their 900+ icons are available for download as SVG, PNG, or a web font. They can be used in web and iOS projects as well as Android.

 

Runner-up: IconFinder

https://www.iconfinder.com/free_icons

IconFinder offers a vast resource of vector and PNG icons. Most are premium but with a little searching you can find many beautifully detailed and simple icon packs which are free for commercial use.

 

UI Kits

Winner: Sketchappsources (Sketch + Figma)

https://www.sketchappsources.com/category/ui.html

Sketchappsources is a must-use website for any Sketch user. It offers a seemingly endless selection of premium-standard design resources, completely free. Their selection of user interface kits is wide-ranging and offers something to use alongside almost any project.

 

Runner-up: iOS Design Kit (Sketch + Figma)

https://iosdesignkit.io/ios-11-gui/

This iOS Design Kit is incredibly accurate and detailed. It includes everything you’ll need for your iOS 11 projects and is compatible with both Sketch and Figma.

 

Honourable Mention: Facebook Design

http://facebook.design/

Facebook Design deserves a mention here. From time to time, they launch some tremendous resources like this macOS UI kit and Messenger platform design kit.

 

Mockups

Winner: UI8 (Photoshop + Sketch + Figma)

https://ui8.net/categories/freebies

As well as their vast selection of premium design resources, UI8 also offers a number of high-quality freebies. Its selection of mockups is vast and many offer some truly unique design approaches.

 

Runner-up: Pixeden (Photoshop)

https://www.pixeden.com/free-graphics

Pixeden – again renowned for its premium resources – also offers a great variety of free resources too. It has a number of top-quality mockups covering everything from devices to print and packaging.

 

Stock Imagery

Winner: Pexels

https://www.pexels.com/

Stock imagery forms an integral part of modern web design. Pexels allows you to search all of the free stock image sites at once, providing a vast selection of beautiful image results across a wide range of search terms.

 

Runner-up: Unsplash

https://unsplash.com/

Unsplash is one of the sites indexed by Pexels. However, Unsplash offers the most comprehensive selection of images by far across all of the sites indexed by Pexels. Many designers will find Unsplash more than adequate by directly using the dedicated site with its excellent filtering features.

 

Photoshop Filters

Winner: Filtergrade

https://filtergrade.com/category/freebies/

Sometimes images need retouching during a design project. Sites like Filtergrade offer some stunning free Photoshop filters which allow you to apply preset effects in just a single click.

 

Runner-up: Brusheezy

https://www.brusheezy.com/actions

Brusheezy also offers a variety of free Photoshop actions. There are a multitude of different filter effects for almost any type of image editing.

 

Vector Applications

Winner: Figma

https://www.figma.com/

As well as assets, there are also free design resources in the form of applications. Figma is the clear leader here. It offers a beautiful and highly capable vector app, free of charge. It’s available for any operating system, including Linux or even ChromeOS.

 

Runner-up: Gravit Designer

https://www.gravit.io/

Gravit Designer is another similar application. It works in browser and uses a beautiful dark user interface. It’s extremely polished, free, and certainly worth a try.

 

Web Templates

Winner: Freebiesbug (Photoshop + Sketch + Figma + Code)

https://freebiesbug.com/psd-freebies/website-template/

Freebiesbug offers a wide range of free design resources. It’s particularly useful in that it’s not confined to a single software program. It offers everything from Photoshop files, to fully coded design assets – especially useful when downloading web templates.

 

Runner-up: Sketch Repo (Sketch + Figma)

https://sketchrepo.com/tag/free-sketch-website-templates/

Sketch Repo is a wonderfully simple resource site which offers a similarly great selection of web templates, this time for Sketch and Figma only.

 

Fonts

Winner: Google Fonts

https://fonts.google.com/

Google Fonts is an incredibly useful resource. Its wide-ranging selection of fonts is coupled with the fact they can be integrated into your projects with a simple copy and paste. All are free to use.

 

Runner-up: Font Squirrel

https://www.fontsquirrel.com/

Font Squirrel is another great resource with a number of fonts available which you won’t find on the Google Fonts website.

 

Plugins

Winner: Sketch Plugins (Sketch)

https://www.sketchapp.com/extensions/plugins/

Sketch plugins can save a lot of time by automating and speeding up particular tasks and workflows. The application has its very own dedicated page for plugins on their website.

 

Runner-up: Adobe Add-ons (Photoshop)

https://exchange.adobe.com/addons?pp=PHSP

Adobe has a similar website where it combines as many plugins and add-ons as possible, all into one place. It’s great for searching out plugins to automate tasks and add extra functionality to Photoshop.