Product Design Resources πŸ™Œ

Design resources picked by design students for design studentsIt's the easiest way to discover new resources and take your designs to the next level.

Last updated 01/10/2020

Learn Design πŸ“– From Product thinking to prototyping, learn every aspect of design!

Complete courses about the best tools and design systems.

Design + Code

Learn the basics, or refine your skills with tutorials designed to inspire.

Learn Adobe XD

Learn how to design great user experiences. Design that delights users.

Interaction Design

Online product design school.


Students who Design

Apply design thinking to complex teams, problems, and organizations.

IBM Design Thinking

Learn fundamentals of UX/UI design from various instructors.

UX/UI Design

Official courses, videos, and guides, designed for beginners and veterans.

Framer Learn

Gain skills with a 3-6 month action-oriented learning experience.

IDEO U delivers relevant design knowledges and inspiration.

Design Tools πŸ–Œ From UI design to prototyping, tools you should know

Create and prototype your ideas into incredible products.


Design, prototype, and animateβ€”all in one place.

Invision Studio

Vector and 3D device mockups for
Sketch, Figma and XD.

Angle Mockups

The digital product design platform powering the best user experiences.

Invision app

Handoff designs and styleguides with accurate specs, assets, code snippets.


Wireframe, design and prototype fast with design and prototyping tools.


Create responsive layouts, realistic prototypes.

Framer X

Create the most realistic prototypes easily.


The industry standard low-fidelity wireframing tool.


Vector-based user experience design tool for web apps and mobile apps.

Adobe XD

A suite of plugins to let you design with real data in mind.


Principle makes it easy to design animated and interactive UIs.

Principle for Mac

Design, prototype, and gather feedback all in one place with Figma.


A tool for designing modern interfaces, built and used by Facebook.

Origami Studio

A Mac app used by designers to create interactive and animated prototypes


Plan, prototype, and hand off to developers, all without code.


Colors 🎨  Resources to help you find the right color for your work

The super fast color schemes generator.


Colorbox is a color tool to produce color sets. Created by Lyft Design.

Color Box

Happy Hues is a color palette inspiration site.

Happy Hues

Generate fresh and vibrant colors based on lighting & pigment.


A collection of beautiful color gradients for designers and developers.


Automatically calculate color contrast ratio for better accessibility.

Contrast Ratio

The AI color tool for designers.



Features 13 more color palettes. A total set of 280 colors.

Flat UI Colors

ColorKit blends colors and generates a color's shades and tints.


Color Palette Generator- Create Beautiful Color Schemes that work.

Muzli Colors

Typography πŸ“  Resources to help you find the right font for your work

San Francisco is a neo-grotesque sans-serif typeface made by Apple.

San Francisco Font

Font Pair helps designers pair Google Fonts together.


An archive of found typography. Curated by Jonathan Lawrence.


Google Fonts is a library of 960 free licensed fonts.

Google Fonts

Inspirational font combinations and color palettes free to use.


Chrome plugin for identifying fonts on web pages.

WhatFont Tool

Fontology provides a gateway to typographic information and guidance.


Helps designers choose the perfect font combination.


Resource for anyone who wants to make text look professional.

Practical Typography

Iconography βš™οΈ  Resources to help you find the icons for your work

The most diverse collection of icons ever.

Noun Project

SF Symbols provides a set of over 1,500 consistent, highly configurable symbols.

SF Symbols

Customizable, animated icons exportable to code. Icons

Symbolset uses font magic to change words into icons.


Get vector icons and social logos from the web's most popular icon set.

Font Awesome

Feather is a collection of simply beautiful open source icons.

Feather Icons

A premium library of 20000+ vector icons organized in 30 categories.

Nucleo Icons

Illustrations πŸ–Ό  Brighten up your work with beautiful illustrations 

Mix-&-match illustrations of people for Invision Studio and Sketch.


100+ vectorized scribbbles to spice up your design projects!


Helps creators who don't draw overcome the lack of quality graphics.


A free online avatar generator to make their beautiful personal avatar easily!


Illustration constructor with colorful and trendy characters.

Smash Illustrations

Use these illustrations for any kind of projects from websites to applications.


Customizable, animated illustrations exportable to code. Illustrations

A library of illustrations of people free for personal and commercial use.

Open Doodles

Design your characters using the generator absolutely for free.


Design System 🏒 How top tech companies are designing

Find resources for designing great apps for Apple platforms.


Brings principled design, innovation in tech, and user needs together as one.


End-to-end design language to create straightforward experiences.


More than email- how mail chimp is giving structure to design.


How a cross-disciplinary team creates great experiences for users.


Base- a React library acts as a foundation for quickly creating web apps


The guiding ethos behind IBM's design philosophy and principles


Lightning design system- create the world’s best enterprise app experiences.


A system that helps android teams build high-quality digital experiences.


Design language used to create solutions that feel β€œat home.”


Polaris- building a great experience for all of Shopify’s merchants.


Portfolio Examples πŸ‘¨β€πŸŽ¨ Be inspired and learn from other designers' works!

Discover works of design interns at top tech companies.


The largest curation of best UI/UX designer portfolios.


The biggest curated gallery of the best UI/UX design case studies.

Case Study Club

Inspirations πŸŽ‰  Communities and websites to give you inspirations

Help you find compelling ideas, knowledge, and perspectives.


A social media platform owned by Adobe which showcases creative work.


Chrome extension that instantly delivers relevant design stories and inspiration.


The awards of design, creativity and innovation on the internet.


Where designers gain inspiration, feedback, and community,


The best landing page design inspiration from around the web.

Lapa Ninja

Stories by designers- curated by the invision team.

Inside Design

Browse more than 654 landing page design examples.


Curates the best of design & inspiration, resources and freebies


A search engine for creating mood boards and finding design works.


Provides access to the insights that power the world’s best design teams.


Library of curated books related to product design.


Jobs πŸ’Ό Resources to kickstart your design career

Discover jobs at top tech companies.


Cofolios Job Board

Resource to help you apply and prepare for interviews.

Pathrise Resources

The easiest way to find internships to kickstart your design career.

Resource to discover and connect with designers and jobs worldwide.

Dribbble Job Board


Have any resources you wanna share with us?