A hand-selected collection of 170+ free tools and resources for designers👉 Submit a tool or resource 📩 Sign up to our newsletter
Royalty free illustrations for 404 error pages
A design system for building faithful recreations of old UIs
A11y Text on Background Image
Foreground color accessibility on a background image.
Check if your website is WCAG compliant
Free surrealist illustrations
Adobe Color Palette Generator
Create color palettes with the color wheel or image, browse thousands of color combinations
Alt Text Tester
Ensure all your images have alt text for better accessibility
Test your web content for accessibility
Just-add-water CSS animations
Free animated mockup maker
Apple Widgets UI Kit
UI Kit for Apple Widgets in Figma.
Create beautiful web typography designs
Automatically arrange your Sketch Artboards into rows & columns
Create avatar illustrations in Sketch. Combine clothes, hair, emotions, accesories, and colors.
Chrome extension to check web accessibility
Baymard E-Commerce Page Designs
E-Commerce page design examples with annotated research findings from Baymard.
Behavioural science content, insights and tools for creative professionals
Better Google Fonts Finder
Find great Google Fonts based on visual characteristics
A game to help you master Beziér curves
Beautiful and free illustrations of black people for your next digital project
Generate beautiful blob shapes for web and flutter apps
Create, mix, and customize illustrations made by artists around the world
Browse hundreds of booklets on design, business, freelancing & more. Learn new skills & insights, fast.
The biggest collection of official brand color codes around
The brand search engine. Easily search brand assets from across the internet.
Free illustrations for designers by a father and son artistic team
Free, open source CSS framework based on Flexbox
A simple game to test your Design skills
Case Study Club
Curated UX case study gallery
A set of 16 handcrafted illustrations for your web & app projects
Figma plugin to generate charts that can be added and edited within your document
A collection of the best design practices.
Mockup your designs simply and beautifully
Figma plugin to view your designs in the 8 different types of color vision deficiencies
Color by Cloudflare
Create color palettes and apply color blindness filters
Color Copy Paste
Copy & paste colour directly from your camera to Figma, Sketch, or your browser
Free and open platform for color inspiration with thousands of trendy hand-picked color palettes
Color blindness simulator for Windows, Mac and Linux
color x color
A tool to generate color shades using the HSLuv color space
Find safe color combinations with predefined colors and check pass/fail scores for the WCAG accessibility guidelines.
Colorblind Webpage Filter
Apply color blindness filters to any URL
Generate color scales by mixing the shades between two colors. Enter a start and end color, and choose the number of blend steps, to reveal the stepped gradient.
Colors & Fonts
Find colors and typography combinations ready to copy paste in one click
Overly descriptive color palettes
Test color contrast compliance with the WCAG as set forth by the W3C.
Mac app that lets you pick colors from anywhere on your screen with the magnifier
Contra Wireframe Kit
A starter wireframe kit for quick design and prototyping your idea. Works with Figma, Sketch, XD, and Invision Studio.
Mac app for checking the accessibility of text against the Web Content Accessibility Guidelines (WCAG)
Create the perfect palette or get inspired by thousands of beautiful color schemes.
Open-source CSS, SVG and Figma UI Icons. Available in SVG Sprite, styled-components, NPM & API.
Use your CSS skills to replicate targets with smallest possible code.
Create CSS gradient backgrounds and learn about gradients through technical articles and real-life examples
A simple and smart approach to create your color palette
Dark CSS Generator
Generate dark mode CSS for your site in one click
A set of well-crafted illustrations which includes categories like AI, Blockchain, Analytics, E-commerce, Security, and more.
Royalty-free illustrations for your projects
Design and Code in Framer X
Create powerful design and code components for your app and design system in Framer X. By Design+Code.
Design Better by Invision
Essential reading on the practices that propel the best design teams forward.
A documentary from Invision about the transformational power of design.
IDEO.org's platform to learn human-centered design, a creative approach to solving the world's most difficult problems
An open source collection of Design Principles and methods.
Design Systems in Figma
Complete guide to designing a site using a collaborative and powerful design system in Figma. By Design+Code.
Reference database of the standard measurements and sizes of the everyday objects and spaces that make up our world.
DPI values for every smartphone, tablet, and laptop
Learn how to draw the human body and all it's variations in this series aimed at beginners
Beautiful free vector illustrations
A new way to collect, search and organize your image files in a logical way and all in one place
Prompts to consider when making things for others to use
480 beautifully crafted Open Source icons for common actions and items
460+ well-crafted icons for your next project. Free for personal and commercial usage.
Mockups and other resources from Facebook Design
Quickly generate your favicon from text, image, or choose from hundreds of emojis
280+ icons with customizable size, stroke width, and color
CSS only library to apply color filters.
Get vector icons and social logos on your website with the web's most popular icon set and toolkit.
Find the perfect font combination for your design project
Generate unique font pairings from Google Fonts
Font in Logo
A search engine to find fonts being used in world-famous logos and brands
An extensive library of font pairings using Google Fonts
Fonts In Use
An independent archive of typography
Discover better fonts
Uncomplicated and smooth illustrations
Convert videos to high-quality GIFs
Free illustrations, for everything
Beautiful and simple UI for generating web gradients
Multicolor gradients that can be downloaded in pure CSS or in JPG
The AI-powered Grammar Checker
Graphic Design Basics by Canva
Learn Graphic Design basics with this introductory course by Canva
Graphic Design Basics: Visual Design
Learn the core principles of visual design
Growth & UX case studies in a comic book format.
Weekly design lessons in your inbox
A color palette inspiration site
Hatchful by Shopify
Create stunning logos in seconds
Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.
Test entire palettes or color systems for contrast and accessibility
25 interviews with 25 designers working at companies like Google, Facebook, Microsoft, Airbnb, and more.
How to Center in CSS
An easy-to-use code generator for centering in CSS
Create beautiful color palettes to share and inspire others
Mix-&-match illustrations of people with a design library
9000+ free icons grouped in 200+ collections
4400+ free icons in 300+ collections
Free icons, photos, vectors, and music
Open source illustrations kit
Inclusive Design by Microsoft
Inclusive Design resources, toolkits, and booklets from Microsoft Design
Indian Doodle Illustration Pack
Beautiful and free doodles of characters in Indian clothing
High quality mockups and other design resources
Intro to the Design of Everyday Things
This course provides a summary of key concepts from the first two chapters of The Design of Everyday Things by Don Norman.
Premium designed icons for use in web, iOS, Android, and desktop apps. Support for SVG and web font.
Build your own amazing illustrations
Isometric objects for your design projects. Free for non-commercial use.
Write better CSS with a suite of tools to create CSS Keyframes animations, shadows, colors, and more
Laws of UX
aws of UX is a collection of the maxims and principles that designers can consider when building user interfaces.
An icon set that can easily replace your Font Awesome icons with really neat and modern line icons
Free library of mockups for digital devices and physical products
Lukasz Adam Illustrations
Free illustrations, created every week
Free monochromatic, isometric, two-color, and flatline illustrations
A modern responsive front-end framework based on Material Design
Generate meta tags and preview how your webpage will look on Google, Facebook, Twitter and more!
Flexible visual workspace for creating moodboards, storing project information and getting feedback on design concepts
A modern font generator with exportable CSS
The original biggest source of free photo-realistic Mockups online
A minimalist stylesheet for HTML elements. No class names, no frameworks.
Noun Project for Mac
Easily drag and drop icons into your favorite apps
Desktop app that can be used as an icon library and organizer. Over 29,000 icons available.
Super fast visual sitemap creator
One Click Theme
Free, handpicked freebies and UI Kits for Sketch, Figma, Adobe XD, InVision, Webflow, and Photoshop
Hand-drawn illustrations of people
Free collection of beautiful patterns for all vector formats
Generate beautiful color palettes using the knowledge of millions of designers.
Incredible set of paper illustrations absolutely free for both personal and commercial use
The best resource for International Paper Sizes, Dimensions & Formats
CSS only library to fill your empty background with beautiful patterns.
Phosphor is a flexible icon family for interfaces, diagrams, presentations — whatever, really.
Google, but for colors.
Free SVG Illustrations and Lottie Animations are available for free for personal and commercial use
A hand-crafted set of empty, error & success illustrations for your web, app & any print projects. Comes in light and dark mode.
POP - Prototyping on Paper
Create interactive low-fidelity prototypes on your iPhone or iPad
Principles of UX Design
Free e-book about the Principles of UX from InVision
PX to EM conversion made simple.
Random Microcopy Prompts
Get a random microcopy prompt and improve your UX Writing skills
A fun random accessible color scheme generator
Preview your code on all devices all at once
Vector-based library of hand-drawn sketches, created for Adobe Illustrator, Sketch and Adobe Draw.
Scale by Flexiple
One new high-quality, open-source illustration each day. Use our color-picker to adapt the illustrations to your brand identity!
Learn to code with interactive tutorials
Scripts for Adobe Illustrator
Simple design tools for everyone: create logos, gradients, and duotone pictures
A massive library of free 3D shapes for all your needs.
Design challenge generator
Every shortcut for designers in one place
Free and open source css framework, that allows you to make unique and modern design without writing any css
Show + Tell
Create presentations in Figma with a single click
The color blindness simulator for iOS and Mac
Introduction to Sketch Basic Tools
Hand-drawn free vector illustration resources for your projects
Awesome illustration constructor with colorful and trendy characters
Create really smooth shadows by tweaking alpha, offset and blur with individual easing curves.
Live font previews on any webpage
The suite of integrated accessibility compliance tools for product development teams. Works with Sketch, Figma, and XD.
Stories by Freepik
Free illustrations in 5 different styles
The largest icon pack with 30,000+ free icons
Over 80 free vector illustrations
Toggle a background grid on any webpage which can help you line elements up vertically and horizontally with each other.
Highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs
SVG patterns for Data Visualization
The A11Y Project
A community-driven effort to make web accessibility easier.
The Design Thinking Workshop Kit
A free design thinking workshop kit by Marvel, includes a presentation deck, facilitator guide, and workbook.
The League of Moveable Type
The original, the first, the open-source font foundry.
The Noun Project
Free icons for everything
The User Testing Field Guide
Free eBook by Marvel that gives you a step-by-step guide and template pack to help start your first usability test
Generate 3D Mockups right in your Browser
Simple tool to create great font combinations
A visual type scale calculator
Free UI resources for every design tool
400+ design freebies including UI Kits, Icons, Wireframes, etc.
Free illustrations with customizable colors
Remove video backgrounds
Dynamic and robust portfolio builder
User Experience by accenture
Learn about why user experience (UX) is important, the research and design basics, and the tools and testing techniques used in UX
Create engaging custom illustrations
Free collection of presentation mockups, compatible with Sketch, Figma, and Photoshop.
Web Accessibility Evaluation Tool
WCAG Quick Reference Guide
Quick reference to Web Content Accessibility Guidelines (WCAG) 2 requirements and techniques
Web Accessibility by Google
Learn how to make accessible web applications
Run an audit on your website to evaluate your site's performance, accessibility, and SEO
Design and animate a high converting landing page with advanced interactions, payments and CMS
Free ebooks on responsive web design, freelancing, and more.
Free collection of 180 linear gradients, available in CSS, PNG, Sketch, and Figma formats
Who Can Use
Check if your color combination is accessible
Free illustrations, compatible with Sketch, Figma, and XD.