UX/UI Design: Growing List of Top Resources

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

Feb 16, 2022 - 22:57
Jan 30, 2023 - 19:41
 1  586
UX/UI Design: Growing List of Top Resources
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 my personal 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.

·

Learning about UX/UI

https://www.moonlearning.io (obviously)
https://start.uxdesign.cc
https://www.nngroup.com
https://lawsofux.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
https://www.designsystemchecklist.com

UX Case Studies

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

UX Testing & Research Tools

https://maze.co
https://www.uxtweak.com
https://www.hotjar.com
https://www.usertesting.com
https://www.lookback.com
https://usabilityhub.com

Ethical Design

humanebydesign.com
https://www.darkpatterns.org
https://ethical.net
https://ind.ie/ethical-design

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://www.georgehatzis.com
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://purecss.io/grids
https://tailwindcss.com
https://bulma.io
https://ant.design
https://materializecss.com
http://getskeleton.com
https://get.foundation/sites/docs/grid.html
https://getbootstrap.com/docs/4.0/layout/grid
https://simplegrid.io

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

Figma UI Kits

https://www.designsystemsforfigma.com
Segment

Consta UI Kit
Ant Design

→ Tip: Check Figma community yourself there are always great systems being made and shared.

Colour

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

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

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
Draw Connector draw flowcharts (more options, my fav)
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
Strings UX Writing tool, or Writer for Figma

→ In-depth Figma plugin article

Chrome Extensions

What font
Dimensions
SVG Gobbler
CSS Peeper
Lighthouse

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
Thinking, Fast and Slow
Designing for How People Think
Microinteractions
Lean UX: Applying Lean Principles to Improve User Experience

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

What's Your Reaction?

like

dislike

love

funny

angry

sad

wow