All Blogs
DESIGN

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

Illustrations

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: stubborn.fun 

Use a generator to create custom illustrations

2// Icons8: icons8.com/illustrations

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: answerthepublic.com

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

4// Icons8: contentideagenerator.com

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

Imagery

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: unsplash.com

High resolution free imagery

6// Reshot: reshot.com

Curated photography for you to use in your next creative project

7// Kaboom Pics: kaboompics.com

Download free, high-resolution images

8// Pexels: pexels.com

Stock imagery and video produced by content creators

9// Pixabay: pixabay.com

Stunning free images & royalty free stock

10// Stocksnap: stocksnap.io

Hundreds of high resolution images added weekly

11// Picography: picography.co

Gorgeous, High-Resolution, Free Photos

12// Burst: burst.shopify.com

Download free, high-resolution images

Typography

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: glyphy.io

Quick access to a library of copy & paste glyphs

14// Google Fonts: fonts.google.com

A large selection of fonts and typefaces

15// Font Joy: fontjoy.com

Quickly cycle and experiment with hundreds of different font pairings

16// What the font: myfonts.com/WhatTheFont

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: wannathis.one/loops

3d rendered customisable shapes you can animate and download

18// Feenancy (demo): gumroad.com/l/feenancydemo

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

19// Power People Platform: powerpeopleplatform.com

3d editable avatars and characters

20// Fruto: gumroad.com/fruto

3D downloadable icon packs

21// Icon Shock: iconshock.com/3d-icons

Trendy 3D Icon Designs in High Resolution

Colours

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: gradienta.io

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

23// UI Gradients: uigradients.com/#ServQuick

Browse various gradient backgrounds and directly export the CSS

24// pigment: pigment.shapefactory.co

Generate colours based on lighting and pigment

25// Color Hunt: colorhunt.co

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

26// picular: picular.co

Create a colour palette around a specific word

27// Flat UI Colors 2: flatuicolors.com

Daily curated colour pallets

28// coolers: coolors.co

The super fast colour schemes generator!

29// Khroma: khroma.co

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

30// Contrast Checker: contrastchecker.com

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: mixkit.co

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

32// coverr: coverr.co

Beautiful Free Stock Video Footage

Icons

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: www.iconbros.com

Thousands of free Icons & Collections

34// Zwicon: zwicon.com

handcrafted icons collections

35// Phosphor Icons: phosphoricons.com

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

36// flaticon: flaticon.com

The largest collection of vector icons available in 64 formats

37// Iconmonstr: iconmonstr.com

A large icon library

38// CSS icons: css.gg

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.io

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

40// Laws of UX: lawsofux.com

A collection of the best UX practices

41// Design Principles: principles.design

An open source collection of design principles and methods

42// Design Systems Repo: designsystemsrepo.com

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

Mock-ups

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): app.artboard.studio

Create high quality mockups with the online generator

44// Ad Parlour: admocks.adparlor.com

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: tinypng.com

Online image compression

46// Compress JPEG: compressjpeg.com

Online JPEG compression

If you liked these, or have any suggestions you think should be added to the list, please get in touch via hello@rh-designs.co.uk

Latest News

ALL BLOGS

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.