Resources

Doodle Icons

400+ handcrafted icons free for your next project.

Icons

Free

Feather

Simply beautiful open source icons.

Icons

Free

Font Awesome

The Internet's icon library and toolkit, used by millions of designers, developers, and content creators.

Icons

Free

Premium

Freepik

High-quality photos, videos, vectors, PSD, AI images, icons... to go from ideas to outstanding designs.

Graphics

Free

Premium

Material Symbols & Icons

Browse, customize, and download Material Symbols from Google Fonts.

Icons

Free

Mockuuups Studio

The fastest way for designers and marketers to drag & drop visuals into 800+ scenes.

Mockups

Free

Premium

Open Color

An open-source color scheme.

Color

Free

Open Doodles

A Free Set of Open-Source Illustrations!

Graphics

Free

Remix Icon

Open-source neutral-style system symbols elaborately crafted for designers and developers.

Icons

Free

Storytale

Millions of graphics for your design projects. Created by independent designers.

Graphics

Free

Premium

Stubborn Generator

Design your characters using our generator absolutely for free.

Graphics

Free

Premium

Tools

Artboard Studio

A graphic and motion design tool powered with automation features and an extensive content library.

Animation

Free

Premium

LottieFiles

Create, edit, collaborate on and implement lightweight Lottie animations across websites, apps, socials and more.

Animation

Free

Premium

Phase

Simple animation for Product Designers.

Animation

Free

Spline

Create 3D objects, edit materials, add interactivity, and export. Control the outcome of your 3d design work.

3D

Free

Premium

Text on Background Image Check

A guide for designers and developers to test foreground colour accessibility on a background image.

Accessibility

UI Coach

UI design challenge editor and anonymous feedback platform.

Inspiration

Vectr

Whether it is vectorizing an image or saving a jpg file as a vector, converting PNG to SVG, or converting a photo into a vector silhouette,the AI-powered vector generator gives your imagination wings.

Graphics

WebAIM Contrast Checker

Check your foreground and background color in RGB hexadecimal format to ensure they meet the WCAG 2.0 level AA contrast ratio.

Accessibility

Color

Who Can Use?

A tool that brings attention and understanding to how color contrast can affect different people with visual impairments.

Accessibility

Color

XD Creative Challenge

Build your XD skills in just 9 challenges!

Inspiration

Interesting Reads

A Complete UX Glossary: 101 UX Terms All Designers Should Know

UX is full of interesting (and sometimes confusing) terms, concepts and buzzwords. If you want to work in the field, you’ll need to learn the lingo.

Design Foundations

Building Your Color Palette

You can't build anything with five hex codes. To build something real, you need a much more comprehensive set of colors to choose from.

Color

The Case Study Factory

How the formulaic approach to UX case studies is numbing our critical thinking as designers, and how to bring a unique point of view to our work.

Portfolios

Glossary of Typography Terms

A guide containing the definitions of typographic terminology from our articles and other font-related content.

Typography

How Focusing on Process is Ruining Your Design Portfolio

Following process is no guarantee that good design has happened.

Portfolios

How to Ask for Design Feedback: 10 Top Tips

Not all feedback is created equal.

Collaboration

How to Prepare for Your Facebook Product Design Interview

Or at any company, really.

Get Hired

I’m a designer at LinkedIn. Here are 4 tips to Attract More Recruiters

Understand how recruiters source candidates on LinkedIn and how to optimize your profile to improve your chances of being found.

Get Hired

The Most Influential Psychological Studies on UX Design

Understanding How the Human Brain Works Helps Us Build Designs That Work For Humans.

Research

The Myths of Color Contrast Accessibility

This article debunks common color contrast accessibility myths and sets the record straight.

Accessibility

Color

The Problem-Solver’s Playbook: 17 Questions to Sharpen Your Thinking

Stop falling in love with your problem, and definitely don’t fall in love with your solution.

PRODUCT THINKING

Think Like a Chef: How to Use a Design System

Learning how a system really works can elevate experiences from consistent to inspired.

design Systems

Ultimate Guide to Color in UX/UI Design

Tips, theory & best practices from beginner to advanced.

Color

UX Jargon

This is a running list of topics relevant to Experience Design.

Design foundations

What is Jobs to Be Done?

Understanding JTBD to Avoid Common Pitfalls

PRODUCT THINKING

What Is Object-oriented UX Design and How to Design It?

A design methodology to describe the planning of the interactions of objects and the content.

Design Foundations

Why UI Designers Should Understand Flexbox and CSS Grid

Or bye bye, rigid column grid layout.

CSS

4 Product Design (UX) Portfolio Mistakes that Silently Ruin Your Job Search

Portfolio tips for UX and Product Designers.

Portfolios

5 Ways to Improve Your Design Portfolio Today

Lessons learned from screening hundreds of candidates for top tech companies.

Portfolios

10 Commandments in Figma

Rules & Best Practices when using Figma.

Figma

30 Practical Tips for Effective User Interface Design

A well-designed user interface can make a significant difference in the success of a product.

Design foundations

100 Example UX Problems

A list of common UX problems to challenge and inspire designers and coders.

Inspiration

Blogs

Books