A list of my favorite design resources. From UX research to the perfect mockup, everything that makes your life easier.

Instead of hiding it in the usual Google Doc, from now on it will live here on Medium and will be updated every time I find another little gem. So make sure to subscribe! By the way, this is not about quantity but quality. This list is from mypersonal point of view and everyday work life and not scientific research by the way. However, feel free to add a comment if you know of a page worth adding. I am more than happy to have a look and always curious to find out about new ideas and products…and any broken links.

🔥 = My personal favorites:
📗 = course/tutorial

Learning about UX/UI

https://www.moonlearning.io 📗🔥 (obviously)
https://start.uxdesign.cc
https://www.nngroup.com 🔥
https://lawsofux.com 🔥
https://humanebydesign.com
Google UX Design Professional Certificate 📗
https://www.nngroup.com/ux-conference 📗
Anything by Pablo Stanley 📗
https://uxdesign.cc
https://www.xd.adobe.com/ideas
https://uxplanet.org

UX/UI Design Patterns & References

https://www.checklist.design 🔥
https://mobbin.design
https://Webframe.xyz
https://pageflows.com 🔥
http://www.goodweb.design

UX Case Studies

https://growth.design
https://www.casestudy.club
https://www.useronboard.com 🔥

Design Inspiration

https://www.bestfolios.com
https://dribbble.com
https://www.behance.net
https://www.pinterest.se
https://www.designspiration.com
https://www.awwwards.com
https://httpster.net

Portfolios That Impressed Me

https://litcreate.com
https://tubikstudio.com 🔥
https://jonyablonski.com (all his work! amazing! Best I have ever seen) 🔥
https://roomfive.net
https://zhenyary.com
https://www.aileen.co
https://www.pablostanley.com 🔥
https://www.dnovykov.com
https://petertarka.com
https://trufcreative.com
Codroops Website Roundup
https://www.bukwild.com
https://christietang.com
https://hyperfocus.cc 🔥
https://robin-noguier.com
https://heckhouse.com (Case Studies)
https://austinknight.com
http://www.jonathanpatterson.com (Great Case Studies)🔥
https://lukejamestaylor.com (Case Studies)
http://karoliskosas.com

Image & Illustration Libraries

https://unsplash.com 🔥
https://blush.design 🔥
https://burst.shopify.com
https://www.pexels.com
http://thepatternlibrary.com
https://www.shutterstock.com
https://www.istockphoto.com
https://creativemarket.com 🔥
https://www.invisionapp.com/inside-design/design-resources

Icons

https://thenounproject.com
https://fonts.google.com/icons
https://geticonjar.com (to organize your icons, I love it!)
https://lineicons.com 🔥

3D Illustrations

https://characterz.design
https://www.behance.net/bestpixels
https://ui8.net/categories/3d-assets
https://amritpaldesign.com
SALY — 3D Illustration Pack (Figma Community)

Grid Systems

Just a CSS Grid: My favorite! 🔥
https://get.foundation/sites/docs/grid.html
https://getbootstrap.com/docs/4.0/layout/grid
https://simplegrid.io

→ Check out my course about using responsive grids as a UX/UI Designer 📗

Design Systems

https://material.io/design 🔥
https://ant.design
https://atlassian.design
https://polaris.shopify.com
https://developer.apple.com/design
https://www.carbondesignsystem.com
https://vuetifyjs.com
https://primer.style
https://www.designsystems.com 📗

→ (Tip: Check Figma community, some are already set up nicely)

Colour

Ultimate Guide to Color in UX/UI Design 📗
https://webaim.org/resources/contrastchecker (accessibility checker! do it!)
Material Design color palettes

→ Try my free trial class about colour in UX/UI Design 📗

Typography

get typefaces
https://fonts.google.com 🔥
https://www.fontsquirrel.com
http://www.dafont.com
https://www.myfonts.com
https://www.linotype.com

helper
https://type-scale.com 🔥
https://www.myfonts.com/WhatTheFont
https://app.typeanything.io
https://www.thegoodlineheight.com 🔥

→ Check out my course about typography in UX/UI Design 📗

Mockups

https://previewed.app 🔥
https://www.ls.graphics/free-mockups
https://placeit.net

Figma Plugins

Color Shades, create color shades
Vectary 3D, make 3D Mockups in Figma
GiffyCanvas, create animated Gifs in Figma
Breakpoint, test your breakpoints 🔥
Google Sheets Sync, work with real data
Redlines, add distances & measurements
Interplay, connect your code repository
Blush, customizable illustrations
Unsplash, load free images directly into your Figma file
Iconify, load, and use free icons
Morph, make weird great stuff
Lorem ipsum, add placeholder text with a click 🔥
Mapsicle & MapMaker, add google maps
Autoflow, draw flowcharts
Wireframe, wireframing (very basic)
Blob, organic background shapes
Chart, create charts & graphs in Figma
Find and Replace, well just that 🔥
Super Tidy, clean up your messy files
Spelll and/or Spellchecker iff uu tipo like mee

→ In-depth Figma plugin article

Building websites (without code solutions)

https://webflow.com 🔥
https://www.elegantthemes.com(+WP)
https://www.wix.com
https://www.squarespace.com

E-Mail Design

https://mailchimp.com
https://reallygoodemails.com 🔥
https://emaillove.com

UX/UI Design Books I Like

Laws of UX: 🔥
The Art of Possibility (Not really a UX/UI book but great for thinking bigger)
Don’t Make Me Think: A Common Sense Approach to Web Usability.
100 Things Every Designer Needs to Know About People
HTML and CSS: Design and Build Websites 🔥
Steal like an artist.
Work for Money, Design for Love: Answers to the Most Frequently Asked Questions About Starting and Running a Successful Design Business
Hooked: How to Build Habit-Forming Products
Show your work
A Book Apart (Series of books for people who design and code)
Design is a Job
You’re My Favorite Client
Cross-Cultural Design
The Lean Startup
Dieter Rams: Ten Principles for Good Design 🔥
Laying the Foundations: How to Design Websites and Products Systematically

→ My article about books in UX/UI Design 📗

UX/UI Newsletters

https://uxplanet.org
https://moonlearning.io
https://www.nngroup.com/articles/subscribe
https://femke.ck.page/newsletter 🔥
https://charlimarie.com
https://uxdesignweekly.com