DEV Community


Posted on • Updated on

Awesome resources to learn design for free

I've collected for you some resources where you can learn design for free. If I didn't put your own please put it into comments to allow me to update the post with it. Happy Learning.


1. Uxcel.

UX/UI design education done right. Learn UI and Ux Interactively.

2. Webflow University

Create something amazing and learn web design with Webflow β€” from HTML and CSS basics to SEO and CMS essentials.

3. Laws of Ux

A collection of the maxims and principles that designers can consider when building interfaces.

4. Checklist of Design

A Collection of Best design Practices

5. Humane By Design

A resource that provides guidance for designing ethically humane digital products through patterns focused on user well-being.

6. DesignCode

Learn how to design and code Apps

7. Learn Mobile Design

A curated list of mobile design resources

Youtube Channels

1. Design Course By Garry Simon

DesignCourse is run by Gary, an expert that creates videos about anything from graphic design to advanced front-end development.

2. Everytues by Teela Cunningham

Teela hosts a weekly how-to channel for Adobe Illustrator, Photoshop, and hand lettering. Her tutorials are created with all skill levels in mind, providing quick tips and tricks so you have confidence in whatever you make.

3. CharliMarie Tv

Charli is a web and graphic designer living in London and posts design videos every week about tools, projects, concepts, and vlogs.

4. Will Paterson

He gives you an in-depth and personal perspective of working within Graphic Design.

5. PiximPerfect

PiXimperfect, hosted by Unmesh Dinda, is a free resource for learning Photoshop and Lightroom. We believe in learning the concept, rather than learning the steps so that you can translate "your" imagination visually to the world.

6. Femke

She shares her learnings and experience being a designer.
Learn UI, Ux design, Ux Research.

7. Red Hope

Creator of, he have a youtube channel to inspire others.


They are dedicated to providing you with the best photography and photoshop tutorials.

9. DesignGal

The goal of this channel is to teach you what you need to know about being in the design industry, whether you are a student or starting your career as a traditional graphic designer or going into tech as a UI/UX designer

10. BringYourOwnLaptop

This channel will provide you high-quality information tutorials for software such as Adobe Photoshop, Adobe InDesign, Adobe XD, Adobe Illustrator, and more.

Illustrations and Patterns

1. Shape.

More than 29,200 icons and illustrations fully customizable.

2. Eva Icons

Eva Icons is a pack of more than 480 beautifully crafted Open Source icons for common actions and items.

3. Controls

A set of 108 customizable illustrations.

4. Undraw

Open-source illustrations for any idea you can imagine and create.
You can also select your custom color and all illustrations will be redesigned based on the new color within a second.

5. Figma

Figma helps you and your team to create, test, and ship better designs from start to finish.


Open source illustrations kit designed 100 awesome illustrations during 100 days of illustration challenge

7. DrawKit

Beautiful, free illustrations. Updated weekly.

8. OpenDoodles

A Free set of Sketchy Illustrations

9. Avataars

Mix & Match Avatars with a Sketch library

10. Error404

Royalty-free illustrations for pages

11. Openpeeps

A hand-drawn people illustration library.

12. Smash Illustrations

Awesome illustration constructor with colorful and trendy characters


1. Muzli

Muzli delivers to you relevant design stories and inspiration.

2. Dribbble

Dribbble is the leading destination to find & showcase creative work and home to the world's best design professionals.

3. Ui Sources

Browse recordings of end to end user journeys from the top-grossing apps to reduce iteration cycles, gain insights, identify trends & benchmark against your competitors and industry’s standard.

4. Mobbin.

Here you can access more than 25000 design patterns for free.

5. Ecomm Design

For eCommerce Website Design Gallery & Tech Inspiration.

6. Behance by Adobe

Behance is a social media platform owned by Adobe which claims "to showcase and discover creative work.

7. ScreenLane

Screenlane is a curated and frequently updated directory of the best web and mobile UI designs from live, shipped products. It's no longer just about UI design animations and it will no longer feature designs that are not live.

Top comments (3)

misakisf profile image

Great Ressources, I Like Them All , But This Is The Best For Me

honorezemagho profile image

Thanks for sharing @misakisf

misakisf profile image

your Welcome :)