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

Productdesign.tips delivers relevant design knowledges and inspiration.

Productdesign.tips

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

Create and prototype your ideas into incredible products.

Sketch

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.

Zeplin

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

Marvel

Create responsive layouts, realistic prototypes.

Framer X

Create the most realistic prototypes easily.

Protopie

The industry standard low-fidelity wireframing tool.

Balsamiq

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.

Craft

Principle makes it easy to design animated and interactive UIs.

Principle for Mac

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

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

Flinto

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

Axure

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

The super fast color schemes generator.

​

Coolors.co

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.

Pigment

A collection of beautiful color gradients for designers and developers.

UiGradients

Automatically calculate color contrast ratio for better accessibility.

Contrast Ratio

The AI color tool for designers.

​

Khroma

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.

ColorKit

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.

FontPair

An archive of found typography. Curated by Jonathan Lawrence.

TypeHunting

Google Fonts is a library of 960 free licensed fonts.

Google Fonts

Inspirational font combinations and color palettes free to use.

Typinspiration

Chrome plugin for identifying fonts on web pages.

WhatFont Tool

Fontology provides a gateway to typographic information and guidance.

Fontology

Helps designers choose the perfect font combination.

Typewolf

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.

Shape.so Icons

Symbolset uses font magic to change words into icons.

Symbolset

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.

Humaaans

100+ vectorized scribbbles to spice up your design projects!

Scribbbles

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

Ouch!

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

Avaaatars

Illustration constructor with colorful and trendy characters.

Smash Illustrations

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

Whoosh!

Customizable, animated illustrations exportable to code.

Shape.so Illustrations

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

Open Doodles

Design your characters using the generator absolutely for free.

Stubborn

Design System 🏒 How top tech companies are designing

Find resources for designing great apps for Apple platforms.

Apple

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

Microsoft

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

Atlassian

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

Mailchimp

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

Spotify

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

Uber

The guiding ethos behind IBM's design philosophy and principles

IBM

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

Salesforce

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

Google

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

Airbnb

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

Shopify

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

Discover works of design interns at top tech companies.

Cofolios

The largest curation of best UI/UX designer portfolios.

Bestfolios

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.

Medium

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

Behance

Chrome extension that instantly delivers relevant design stories and inspiration.

Muzli

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

Awwwards

Where designers gain inspiration, feedback, and community,

Dribbble

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.

Landingfolio

Curates the best of design & inspiration, resources and freebies

Uplabs

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

Designspiration

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

DesignBetter

Library of curated books related to product design.

UXTools

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.

Interns.design

Resource to discover and connect with designers and jobs worldwide.

Dribbble Job Board

Β 

Have any resources you wanna share with us?