All Blogs

46 best FREE resources for Designers 2021

A good workman never blames his tools, and neither should a designer. With a Designers role becoming evermore expansive, we’ve hand picked the very best resources to help you streamline your workflow and take your design prowess to the next level.

Robert hughes
June 9, 2021


Using illustrations can humanise your business and make you more approachable to clients. These websites offer vector illustrations you can quickly customise and personalise, making them perfect for any emerging brand. 

1// Stubborn Generator: 

Use a generator to create custom illustrations

2// Icons8:

A huge library of vector based illustrations.

Content Ideas

We all know it pays to be meticulous when planning a piece of content, although knowing where to start can be tricky. Using these tools, you can discover the type of questions and information people are searching for, and even unearth new niches in the process

3// Answer the public:

Get instant, raw search insights, direct from the minds of your customers

4// Icons8:

He Content Idea Generator automatically generates hundreds of ideas for blog posts


Good photography is at the heart of good design. The problem is that a large proportion of todays stock imagery not only looks obviously staged and cliché, but is also expensive to buy and use.

Thankfully, the sites listed below offer a huge selection of premium photography, all for free! Its worth noting that the large majority of these sites are copyright free, meaning you can edit and manipulate for both personal and commercial usage, however some images may require attribution.

5// Unsplash:

High resolution free imagery

6// Reshot:

Curated photography for you to use in your next creative project

7// Kaboom Pics:

Download free, high-resolution images

8// Pexels:

Stock imagery and video produced by content creators

9// Pixabay:

Stunning free images & royalty free stock

10// Stocksnap:

Hundreds of high resolution images added weekly

11// Picography:

Gorgeous, High-Resolution, Free Photos

12// Burst:

Download free, high-resolution images


Selecting the correct font can be make or break for a project. These tools will provide you access to font libraries, glyphs and pairing tools, ensure you have beautiful well thought out typography throughout all of your designs

13// Glyphy:

Quick access to a library of copy & paste glyphs

14// Google Fonts:

A large selection of fonts and typefaces

15// Font Joy:

Quickly cycle and experiment with hundreds of different font pairings

16// What the font:

Upload a photo to identify the font being used

3D Resources

Want something to make your website stand out? Try incorporating some of these 3D elements. From customisable icons to avatars and animations loops, these are guaranteed to bring a whole new demotion to your work, quite literally!

17// Loops:

3d rendered customisable shapes you can animate and download

18// Feenancy (demo):

high res 3d icons you can easily edit in Figma and are completely customisable in Cinema 4D

19// Power People Platform:

3d editable avatars and characters

20// Fruto:

3D downloadable icon packs

21// Icon Shock:

Trendy 3D Icon Designs in High Resolution


There should always be a synergy between the colours you use and what your brand is about. It’s also important to consider your competitors, making sure so you don’t look this same.These resources allow you to define the perfect colour palette, create smooth UI gradients and even run colour combinations through a web accessibility checker.

22// Gradienta:

Multicolour Gradients, Pure CSS Code, JPG Download and Open Source

23// UI Gradients:

Browse various gradient backgrounds and directly export the CSS

24// pigment:

Generate colours based on lighting and pigment

25// Color Hunt:

Color Hunt is a free and open platform for colour inspiration with thousands of trendy hand-picked colour palettes

26// picular:

Create a colour palette around a specific word

27// Flat UI Colors 2:

Daily curated colour pallets

28// coolers:

The super fast colour schemes generator!

29// Khroma:

Khroma uses AI to learn which colours you like and creates limitless palettes for you to discover, search, and save

30// Contrast Checker:

This tool is built for designers and developers to test color contrast compliance with the Web Content Accessibility Guidelines

Stock Video

Want beautiful, realistic video footage in high resolution, but don’t have the time or resources to do it yourself?.These websites are perfect for creating backgrounds, music videos, promo videos, ads and much more.

31// Mixkit:

Awesome Stock Video Clips, Stock Music, Sound Effects & Video Templates

32// coverr:

Beautiful Free Stock Video Footage


Good iconography helps provide clarity and structure on a page. Creating icons from scratch can be extremely time consuming, as can finding a complete set to match your brand. We’ve compiled some of our favourites to streamline this process for you.

33// Icon Bros:

Thousands of free Icons & Collections

34// Zwicon:

handcrafted icons collections

35// Phosphor Icons:

Phosphor is a flexible icon family for interfaces, diagrams, presentations — whatever, really

36// flaticon:

The largest collection of vector icons available in 64 formats

37// Iconmonstr:

A large icon library

38// CSS icons:

Open-source CSS, SVG and Figma UI Icons Available in SVG Sprite, styled-components, NPM & API

Design Systems

Learning how to build and manage an effective design system is essential. It allows for quick bulk changes and scalability, all whist keeping a visually consistent style. The links below will provide a solid explanation of good UX practices, which will keep people coming back to your websites time and time again.

39// Material Design:

Material is a design system – backed by open-source code – that helps teams build high-quality digital experiences

40// Laws of UX:

A collection of the best UX practices

41// Design Principles:

An open source collection of design principles and methods

42// Design Systems Repo:

A frequently updated collection of Design System examples, articles, tools and talks


The best way to sell an idea is to show it. Mock-ups are an incredibly powerful way to help visualise what something is going to look like. These websites help you quickly create high quality mockups you can use on your website or in client pitches.

43// Artboard Studio (Free version):

Create high quality mockups with the online generator

44// Ad Parlour:

Create Social media mockups

Image compression

Is there anything more frustrating than waiting for a website to load? Nope, didn't think so. A slow load time will not only increase the bounce rate on your site, but with googles algorithms, it can also effect your google page ranking. Compressing your images can massively reduce the size of your page, with next to no visual loss in the quality of image. This is a huge win all around, and definitely something you should be consistently doing.

45// Tiny PNG:

Online image compression

46// Compress JPEG:

Online JPEG compression

If you liked these, or have any suggestions you think should be added to the list, please get in touch via

Latest News


Get in Touch

Got a new project or business venture in mind? Send us an email today and let's bring your idea to life!

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.