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?