Essential Design Resources for Developers

Do you have so many bookmarks that you actually don't use any of them? There are a million free design resources out there. And a million and one resources compiling those resources. If you're overwhelmed by all of the options, then here's some more! 😉

These are my personal essentials.

Images

Free Photos and Background Images

• Unsplash

Take and Edit Screenshots

• Greenshot

TIP: There may be a better way to do this, but I sometimes use this screenshot tool to estimate the size or aspect ratio an image needs to be. I have "Capture Region" configured to use the PrtSc hot key. You can then select a region and it gives you the dimensions.)

Illustrations

Free Vector Illustrations

• Undraw

TIP: You can select the hex code for the illustrations

More Free Ilustrations

• DrawKit

Icons

Free .svg Icons of Popular Brands

• SimpleIcons

Free Vector Font Icons

• Font Awesome

Fonts

Heading & Body Fonts That Look Good Together

• FontPair

Identify a Font

• What The Font

Colors

Simple, Flat Color Palettes

• Flat UI Colors

Generate a Color Palette From an Image

• Canva Color Palette Generator

Generate the CSS for Gradients

• UI Gradients

Identify HTML Hex Codes of a Pixel Anywhere

• Instant Eyedropper

TIP: Once downloaded, setup your hotkeys. I like to use Alt+Q to easily bring up the eyedropper.

---

Thanks for reading. I hope these are helpful for you! Feel free to connect with me on LinkedIn!