Essential Design Resources for Developers

Essential Design Resources for Developers


2 min read

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.


Free Photos and Background Images

Take and Edit Screenshots

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



Free Vector Illustrations

TIP: You can select the hex code for the illustrations


More Free Ilustrations



Free Vector Font Icons


Heading & Body Fonts That Look Good Together

Identify a Font


Simple, Flat Color Palettes

Generate a Color Palette From an Image

Generate the CSS for Gradients

Identify HTML Hex Codes of a Pixel Anywhere


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!