Designer Tools

In this section, we'll have guides to a wide variety of tools used by designers.

UI - Great for static content.

Sketch - Guide

Adobe Photoshop - Guide

Adobe Illustrator - Guide

Figma - Guide

Interaction - Better for complicated interactions.

Adobe Experience Design - Guide

Framer - Guide

Wireframes and prototyping - Ideal for click-through prototypes.




Painting - Great for artists.

[Adobe XD] (

Clip Studio Paint


MediBang Paint

Autodesk Sketchbook



  • Sizzy

    • Responsive web design testing site.
  • Checkbot

    • Tool to find dead or broken links, duplicate titles, and more.


For Chrome

In this section, you can see popular Chrome plug-ins used by designers.

Contributing to the Guide

This open source guide is curated by thousands of contributors. You can help by researching, writing and updating these articles. It is an easy and fun way to get started with contributing to open source.