UX & UI Resources I Love
Here's a little list of all the gems I love using, which make my life so much easier. I hope you find them enjoyable too!
🔥 = My personal favourites
📗 = course/tutorial
🆕= added recently
Favourite Figma Plugins
html.to.design, Convert any website into fully editable Figma designs 🔥
Unsplash, load free images directly into your Figma file 🔥
Google Sheets Sync, work with real data 🔥
EightShapes Specs, automated documentation 🔥
Token Studio, create and manage tokens between design and dev
Stark, Contrast & Accessibility Tools
Color Shades, create color shades
Vectary 3D, make 3D Mockups in Figma
GiffyCanvas, create animated GIFs in Figma
Blush, customizable illustrations
Draw Connector, draw flowcharts
Chart, create charts & graphs in Figma
Handy Chrome Extensions
What font, quickly identify fonts on web pages.
Dimensions, measure screen dimensions.
SVG Gobbler, Organize, optimize, download, copy, edit, and export SVGs.
CSS Peeper, easy CSS inspecting for designers 🔥
Icon Sets
fontawesome.com
thenounproject.com
heroicons.com 🔥
fonts.google.com/icons
geticonjar.com (to organize your icons, I love it!) 🔥
lineicons.com 🔥
Figma UI Kits
UI Prep Design System - Free Demo
UI Prep,10% off with code "moon10"🔥
Untitled UI
Cabana
figma.com/@decathlon
designsystemsforfigma.com
Ant Design
iOS UI Kit for Figma🔥
Learning UX and UI Design
moonlearning.io 📗🔥 (obviously)
lawsofux.com🔥
refactoringui.com 🔥
start.uxdesign.cc
nngroup.com
smashingconf.com/online-workshops🔥
smashingmagazine.com🔥
uxdesign.cc
uxplanet.org
Building websites (no code)
Design Systems
wise.com🔥
decathlon.design
material.io/design
ant.design
atlassian.design
polaris.shopify.com
developer.apple.com/design
carbondesignsystem.com
vuetifyjs.com
primer.style
designsystems.com 📗
Typography
get typefaces
fonts.google.com🔥
fontsquirrel.com
dafont.com
myfonts.com
linotype.com
helper
type-scale.com 🔥
myfonts.com/WhatTheFont
thegoodlineheight.com 🔥
pimpmytype.com
moonlearning course on UI Typography 📗🔥
Mockups
previewed.app 🔥
ls.graphics/free-mockups
Ethical Design
humanebydesign.com 🔥
darkpatterns.org
ethical.net
designethically.com
UX Testing & Research Tools
maze.co🔥
uxtweak.com
hotjar.com
usertesting.com
lookback.com
usabilityhub.com
Portfolios That Impressed Me
jonyablonski.com (all his work! amazing! Best I have ever seen) 🔥
johnkappa.com 🔥
adhamdannaway.com/portfolio🔥
litcreate.com
tubikstudio.com 🔥
roomfive.net
zhenyary.com
www.aileen.co
pablostanley.com 🔥
petertarka.com
trufcreative.com
Codroops Website Roundup
bukwild.com
christietang.com
hyperfocus.cc 🔥
robin-noguier.com
heckhouse.com (Case Studies)
jonathanpatterson.com (Great Case Studies)🔥
UX & UI Newsletters
uxplanet.org
uiprep.com/newsletter🔥
moonlearning.io/newsletter 🔥
nngroup.com/articles/subscribe
femke.ck.page/newsletter
charlimarie.com
uxdesignweekly.com
joeyabanks.substack.com🆕🔥
danmall.com/newsletter
figmalion.com/🆕🔥
