Top 20 Free Design Resources Going Into 2020

Trevor Peterson
Written by
Trevor Peterson

Over the years I have begun to realize how important tools and resources are. Bad resources often lead to bad results. It's all about the tricks of the trade—

COLORS

0 to 255

Trevor Peterson Web Design Helena

http://www.0to255.com/

0 to 255 will find you darker and lighter colors based on any color

Coolors.co

Trevor Peterson Web Design Helena

https://coolors.co/

Coolors is a really handy tool for instant color scheme generation

Web Gradients

Trevor Peterson Web Design Helena

https://webgradients.com/

Beautiful linear web gradients with easy CSS3 crossbrowser code— free for use.  

FONTS

Awwwards Free Fonts

Trevor Peterson Web Design Helena

https://www.awwwards.com/awwwards/collections/free-fonts/

Free, unique type faces brought to you by one of the most innovative design competitions on the web

Font Pair

Trevor Peterson Web Design Helena


https://fontpair.co/

A mastery of typography isn’t for everyone, this tool helps pair complimentary fonts together and remove the guesswork


Better Web Type

Trevor Peterson Web Design Helena

https://betterwebtype.com/

If you do decide typography is for you, this free web course will set you up for success

TOOLS

Invision Studio


Trevor Peterson Web Design Helena


https://www.invisionapp.com/studio

Invision Studio is a great design tool for creating reactive prototypes and animations.

Adobe XD

Trevor Peterson Web Design Helena Montana


https://www.adobe.com/products/xd.html

Adobe XD is my personal favorite and prototyping tool of choice.

FUNCTIONALITY

Lists.design

Trevor Peterson Web Design Helena Montana


https://www.lists.design/

List.design will generate all sorts of lists for filling in data in user focused designs

UI.names

Trevor Peterson Web Design Helena Montana


https://uinames.com/

Generate names, real user avatars, addresses, and more with this handy tool

Instant Logo Search

Trevor Peterson Web Design Helena Montana

http://instantlogosearch.com/?

Instant logo search is just what it sounds, search and download thousands of logos instantly

PHOTO

Unsplash

Trevor Peterson Web Design Helena Montana



https://unsplash.com/

I’m sure many of you know Unsplash but as a personal favorite of mine, I couldn’t help but add it to the list for those who haven’t fully discovered the power of beautiful imagery in their designs.

ILLUSTRATIONS + ICONS + GRAPHICS

Looper

Trevor Peterson Web Design Helena Montana

http://sureskumar.com/looper/

Looper is a handy Sketch plugin that allows you to create elaborate patterns in an instant!

Flaticon

Trevor Peterson Web Design Helena Montana

https://www.flaticon.com/

Tons of free icons. Need I say more?

Humaaans


Trevor Peterson Web Design Helena Montana

https://www.humaaans.com/

A free mix & match illustration kit by Sketch

Avataaars

Trevor Peterson Web Design Helena Montana

https://avataaars.com/

A free library of spunky avatars you can mix & match to hearts desire!


The Pattern Library

Trevor Peterson Web Design Helena Montana


http://thepatternlibrary.com/

Just an elaborate library of funky patterns free for you to use~

Cool Backgrounds

Trevor Peterson Web Design Helena Montana


https://coolbackgrounds.io/

Cool backgrounds will generate those cool backgrounds you never know how those graphic artists come up with

Trianglify

Trevor Peterson Web Design Helena Montana

https://trianglify.io/

Customize and generate complex 3 point geometric patterns

PRESENTATION

Rotato

Trevor Peterson Web Design Helena Montana

https://rotato.xyz/

I believe that presentation is everything. Showcasing hard work is important to me, and rotato’s 3D presentation tool does it best.