The Designer’s Toolkit: 200+ Resources We Actually Use

Blog // Hints & Tips //

Contents

Share it around

Every designer has a bookmarks bar full of graphic design resources, and most of those links never get opened twice. This is ours, tidied up: more than 200 sites our studio team actually uses for inspiration, fonts, images, mockups, colour, web, print and AI, sorted by the job you need to get done.

Use the search box to go straight to what you need, or jump to a section. Each table tells you what a resource is best for, so you can pick the right one first time.

Before you use any graphic design resources: three quick checks

  1. Check the licence. Free to download is not the same as free to use commercially. Many fonts and images are for personal use only, so read the terms before an asset goes into client work.
  2. Check the resolution. An image that looks sharp on screen can fall apart in print. For print, aim for 300dpi at the final size; the DPI converter in the toolkit below does the maths for you.
  3. Check where AI was involved. AI tools are useful for concepts and clean-up, but each has its own terms for commercial use. Use the provenance checks in the AI section, and be open with clients when AI has played a part.

The studio toolkit

201 resources, one searchable list

Search the whole list, or jump to a section. Every link opens in a new tab.

201resources
22categories
8AI categories

Check the licence, every time. Free to download is not always free to use commercially. Read the terms for each asset before it goes into a client job, and keep a note of where it came from.

No matches. Try a broader word, such as “icons”, “photos” or “video”.
01

Inspiration and type

Where ideas start: the sites we browse before a pencil touches paper, and the type libraries we trust.

Inspiration17 tools

The latest trends, case studies and portfolios from the global creative community.

ResourceBest for
BehancePortfolios from creatives worldwide
DribbbleUI, branding and illustration shots
AwwwardsAward-shortlisted website design
MuzliDaily curated design inspiration
SiteInspireWeb design showcase by style and type
BP&OBranding and packaging with commentary
PinterestMoodboards and visual research
Land BookLanding page inspiration
MobbinReal app and web screens, by flow
Collect UIUI patterns, sorted by component
The Inspiration GridArt, design and illustration features
Design InspirationCurated cross-discipline gallery
Brand NewLogo and identity reviews
SaveeSave and share visual bookmarks
GodlyBold, experimental web design
HttpsterHand-picked website showcase
Mindsparkle MagBranding, design and motion projects

Fonts16 tools

Free and premium font sources, plus tools for pairing and identifying type.

ResourceBest for
Google FontsFree, open-source web fonts
Adobe FontsFonts included with Creative Cloud
Font SquirrelFree fonts cleared for commercial use
DaFontDisplay and novelty fonts (check each licence)
FontPairGoogle Font pairing ideas
Font SpaceLarge free library with licence filters
1001 FontsFree fonts, filter by licence
Font FabricFoundry with free and premium families
The Hungry JPEGFonts and design bundles
Creative FabricaFonts, graphics and craft files
BeFontsFree display fonts
My FontsBuy and license commercial fonts
FontshareFree, quality fonts for personal and commercial use
Fonts In UseTypography in real-world projects
TypewolfFont recommendations and pairings
WhatTheFontIdentify a font from an image
02

Images and assets

Photography, illustration, mockups, cut-outs and icons, ready for print and digital.

Royalty-Free Images18 tools

High-quality photography for print and digital projects.

ResourceBest for
Adobe StockPremium stock images, video and templates
UnsplashFree high-resolution photography
PexelsFree stock photos and video
PixabayFree photos, vectors and video
Burst by ShopifyFree photos for business and ecommerce
ReshotFree icons, illustrations and photos
FreepikPhotos, vectors and PSD files
Stock SnapFree photos, added regularly
KaboompicsLifestyle photos with matching palettes
Pic JumboFree stock photography
GratisographyQuirky, characterful photos
RawpixelPhotos, vectors and public domain art
Life of PixFree high-resolution photos
ISO RepublicFree photos and video
Negative SpaceFree photos with room for copy
StockVaultFree photos and textures
FoodiesfeedFree food photography
NappyFree photos celebrating Black and Brown people

Illustrations15 tools

Illustration libraries for web, presentations and print.

ResourceBest for
unDrawOpen-source illustrations you can recolour
Icons8Illustrations in matching styles
DrawkitHand-drawn vector illustrations
StorysetCustomisable, animatable illustrations
BlushMix-and-match illustration collections
Open PeepsHand-drawn people library
Many PixelsFree illustration gallery
VecteezyVectors, illustrations and graphics
FreepikVector illustrations in every style
HumaaansMix-and-match people illustrations
Open DoodlesFree sketchy doodles
IRA DesignGradient illustrations you build yourself
Absurd DesignSurreal hand-drawn illustrations
PixeltrueIllustrations and animations
DelesignIllustrations for web projects

Mockups19 tools

Professional mockups for showcasing branding, packaging and print.

ResourceBest for
Mockup WorldFree photorealistic PSD mockups
Mock Ups DesignPrint and packaging mockups
GraphicBurgerFree mockups and UI kits
Graphic PearFree PSD mockups
GraphberryFree mockups and design resources
UnblastFree mockups, fonts and graphics
FreepikMockups in every format
Free Mock UpPrint and device mockups
PlaceItBrowser-based mockups, no Photoshop needed
Artboard StudioBrowser-based scene builder
Yellow ImagesPackaging and object mockups
Canva Mock UpsQuick mockups inside Canva
Pixel BuddhaPremium and free mockups
Template FlipTemplates and mockups
LS GraphicsDevice and branding mockups
Mr.MockupBranding and stationery mockups
PixedenMockups, templates and UI kits
Shots.soPolished device mockups for screenshots
RotatoAnimated 3D device mockups

PNGs12 tools

Cut-out assets and quick background removal.

ResourceBest for
FreepikCut-out PNG assets
PNG TreeTransparent PNGs and backgrounds
Icons8Cut-out objects and icons
UI8UI kits and design assets
PixabayFree images, with transparent options
VexelsVectors and merch-ready PNGs
Get IllustrationsIllustration packs
FlaticonIcons in PNG, SVG and more
StickPNGFree transparent PNGs
PNGimgFree transparent PNG library
Remove.bgRemove a background in one click
Adobe Express Background RemoverQuick free background removal

Icons & Vectors16 tools

Icon sets and vector assets for UI, infographics and more.

ResourceBest for
FlaticonHuge icon library in matching packs
Noun ProjectIcons for almost any concept
SVG RepoFree open-licence SVGs
HeroiconsClean SVG icons for web
Icons8Icons in consistent styles
Icon FinderFree and premium icon marketplace
Font AwesomeThe web's go-to icon toolkit
Icon MonstrSimple, free icons
Streamline HQLarge, consistent icon sets
Feather IconsMinimal open-source icons
Phosphor IconsFlexible icon family in six weights
LucideCommunity-built open-source icons
Tabler IconsFree stroke-based icons
Material SymbolsGoogle's variable icon set
IconoirFree open-source icons
Remix IconNeutral open-source icons
03

Colour, web, print and motion

The practical tools that turn a good idea into a finished, accessible, print-ready piece.

Colour Tools16 tools

Build palettes and test them against accessibility standards.

ResourceBest for
CoolorsGenerate palettes at speed
Adobe ColorColour wheels and harmony rules
Color HuntCurated palettes
Accessible ColoursAdjust colours to meet contrast rules
PalettonColour scheme designer
ColormindAI palette generator
Happy HuesPalettes shown in real layouts
ColorzillaEyedropper and gradient tools
M3 Material ColorMaterial Design colour system
ColorhexaColour codes and conversions
Design SeedsPalettes drawn from photography
Realtime ColorsPreview a palette on a live site
HuemintAI palettes for brand and web
KhromaAI palettes that learn your taste
WebAIM Contrast CheckerCheck text contrast against WCAG
Pantone ConnectOfficial Pantone libraries

UI/UX & Web Tools5 tools

Website inspiration and accessibility testing.

ResourceBest for
Webflow ShowcaseLive sites built in Webflow
Figma CommunityFree files, kits and plugins
StarkAccessibility checks in your design tool
LighthousePerformance, SEO and accessibility audits
WAVEPage-level accessibility checks

Print & Production Tools3 tools

Handy converters and reference charts for print.

ResourceBest for
Paper Sizes UKA and B sizes in mm, inches and pixels
UnitConverters DPIPixels to print size at any DPI
Pantone to CMYKSpot colour to CMYK conversions

Social Media Tools5 tools

Content creation, planning and analytics.

ResourceBest for
CanvaQuick social graphics and templates
LaterPlan and schedule social posts
HashtagifyHashtag research
PlanolyVisual grid planning
BufferScheduling and analytics

Animation & Motion Design4 tools

Templates and plugins for After Effects and motion work.

ResourceBest for
Motion ArrayTemplates, presets and stock
AEJuiceAfter Effects plugins and packs
Mixkit MotionFree video templates and clips
LottieFilesLightweight animations for web and apps

SEO & Digital Marketing6 tools

Make content easier to find.

ResourceBest for
AnswerThePublicThe questions people search for
Yoast SEO BlogPractical SEO guides
UbersuggestKeyword ideas and site audits
Meta Length CheckerCheck title and description length
SemrushKeyword, competitor and site research
Google Search ConsoleHow Google sees your site

Learning & Training6 tools

Tutorials and courses to keep your skills sharp.

ResourceBest for
Envato Tuts+Design and code tutorials
SkillshareProject-based creative classes
LinkedIn LearningSoftware and business courses
Adobe LearnOfficial Creative Cloud tutorials
School of MotionMotion design training
DomestikaCourses from working creatives
04

The AI toolkit

AI moves quickly, so treat this as a starting point. Check each tool's terms before anything AI-generated goes into a client job.

AI Image Generation11 tools

Concepts, moodboards and imagery from a written prompt.

ResourceBest for
Adobe FireflyImage generation inside Adobe apps
MidjourneyStylised concept and mood imagery
ChatGPT ImagesGenerate and edit images in chat
Google GeminiGenerate and edit images in Gemini
IdeogramStrong at text inside images
RecraftVector and on-brand imagery
LeonardoGeneration with style controls
KreaReal-time generation and enhancing
Freepik AIGeneration alongside a stock library
Canva Magic MediaGeneration inside Canva
Microsoft DesignerQuick AI graphics

AI Editing & Upscaling7 tools

Extend, retouch, cut out and upscale images for print and digital.

ResourceBest for
Photoshop Generative FillExtend and retouch in Photoshop
Topaz GigapixelUpscale images for print
MagnificUpscale and add detail
Let's EnhanceUpscale and enhance online
UpscaylFree open-source desktop upscaler
ClipdropClean up, relight, cut out
PhotoroomProduct photo backgrounds

AI Video & Motion9 tools

Generate, edit and repurpose video for social and presentations.

ResourceBest for
RunwayGenerate and edit video
Google VeoText-to-video from Google
KlingText and image to video
Luma Dream MachineVideo from text and images
PikaShort creative clips
DescriptEdit video by editing the transcript
CapCutSocial video editing
OpusClipLong videos into short clips
SynthesiaPresenter-led videos with AI avatars

AI Audio & Voice3 tools

Voiceovers, clean-up and levelling for video and podcasts.

ResourceBest for
ElevenLabsNatural AI voiceovers
Adobe Podcast EnhanceClean up speech recordings
AuphonicAutomatic levelling and noise reduction

AI for Web & UI7 tools

Sitemaps, wireframes and first-draft layouts for web projects.

ResourceBest for
Figma AIAI features inside Figma
RelumeSitemaps and wireframes from a prompt
Framer AISite layouts from a prompt
Google StitchUI designs from a prompt
UizardWireframes from sketches and prompts
LovableWorking web apps from a prompt
Refero StylesReady-made style files for AI builds

AI 3D, Packaging & Stands4 tools

Sketches into renders and 3D assets for packaging, POS and exhibition visuals.

ResourceBest for
VizcomSketches into renders
Spline AI3D scenes for the web
Meshy3D models from text or images
Adobe Substance 3DMaterials, texturing and 3D staging

AI Writing & Research4 tools

Research, summarise and check copy.

ResourceBest for
ClaudeResearch, drafting and checking copy
PerplexityResearch with cited sources
NotebookLMSummarise and question your own documents
GrammarlyGrammar and tone checks (set it to UK English)

Provenance & Rights Checks4 tools

Check an image's AI or edit history, and whether artwork was used to train AI.

ResourceBest for
Content Credentials VerifySee an image's AI and edit history
Have I Been TrainedCheck if artwork is in AI training data
TinEyeFind where an image appears online
Google LensVisual search and image origins

What this means for you

The tools are only half the job. Knowing which font licence covers a national campaign, which mockup shows packaging honestly, or when an AI image is fine for a moodboard but not for print is where experience counts.

If your team is stretched, or you would rather hand the work to a studio that does this every day, we can help. One team covers creative, print and digital, so nothing falls between suppliers.

FAQs and quick answers

What are the best free graphic design resources?

It depends on the job. Google Fonts and Fontshare for type, Unsplash and Pexels for photography, unDraw for illustration and Coolors for colour are all strong starting points.

Can I use free fonts and images on client work?

Often, but not always. Many free downloads are for personal use only, so check the licence for each asset before it goes into a client job.

What does royalty-free actually mean?

Royalty-free means you can use an asset without paying a fee each time it is used. It does not mean there are no rules: the licence still sets what you can and cannot do with it.

Do I need to credit the photographer or designer?

It depends on the licence. Some free sites ask for a credit, others do not require one. If the terms ask for attribution, add it.

What resolution do images need for print?

Aim for 300dpi at the final printed size. An image that looks sharp on screen is often far too small for print, so check the pixel dimensions before you place it.

Which file format is best for logos and icons?

Use vector files (SVG, EPS or PDF) wherever you can, because they scale to any size without losing quality. Use PNG when you need a transparent background on a web or social graphic.

Why do colours look different on screen and in print?

Screens mix light in RGB, while print uses CMYK inks, and some bright screen colours cannot be matched in ink. Ask for a proof for colour-critical work, and use Pantone references when a colour must match exactly.

How do I make sure my colours are accessible?

Check text against its background with a contrast checker. WCAG level AA asks for a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.

Are AI design tools safe to use for commercial work?

Check each tool's terms before using its output commercially. Treat AI images as a starting point, and run a provenance check before anything goes to print.

How can I tell if an image was made with AI?

Content Credentials Verify shows an image's AI and edit history when that information has been attached, and a reverse image search with TinEye or Google Lens shows where else it appears. No credentials does not prove an image is not AI, so if in doubt, ask the source.

What is the quickest way to remove a background, check contrast or identify a font?

  • Remove a background: Remove.bg or the Adobe Express Background Remover.
  • Check colour contrast: the WebAIM Contrast Checker.
  • Identify a font from an image: WhatTheFont.

Let's Talk

Let’s work together on your new project.

Call us on 01707 251222

Back to blog