EssentialBook
Refactoring UI
Adam Wathan, Steve Schoger
A tactics-first book and video pairing that teaches developers and non-designers how to make interfaces look designed.
UI DesignintermediatePaid6 hours
Explore
Every resource is hand-picked and annotated. 48 in the catalogue.
14 resources · concept: Components
Results
RecommendedDocumentation
Figma Learn and Help Center
Figma
Figma’s official documentation and guided learning material for the editor.
FigmabeginnerFree4 hours
RecommendedPlaylist
Figma (Official YouTube)
Figma
Figma’s own channel of tutorials, Config talks, and feature deep-dives.
FigmabeginnerFree5 hours
ReferenceDocumentation
Apple Human Interface Guidelines
Apple
Apple's official guidance on designing for its platforms, and a model of clear platform documentation.
UI DesignintermediateFree2 hours
ReferenceDocumentation
Material Design 3
Google's open design system, covering foundations, components, and design tokens.
UI DesignintermediateFree3 hours
RecommendedBook
Design Systems: A Practical Guide
Alla Kholmatova
A practical book on the human and organizational side of building and maintaining a design system.
Design SystemsintermediatePaid5 hours
RecommendedWebsite
Inclusive Components
Heydon Pickering
Deep, component-by-component guides to building accessible interface patterns.
AccessibilityadvancedFreemium6 hours
EssentialWebsite
Atomic Design
Brad Frost
Brad Frost's free online book introducing atomic design: composing interfaces from atoms, molecules, organisms, templates, and pages.
Design SystemsintermediateFree3 hours
ReferenceTool
Storybook
Storybook
An open-source tool for building, testing, and documenting UI components in isolation.
Design SystemsintermediateFree2 hours
ReferenceWebsite
Checklist Design
Checklist Design
A curated collection of UI and UX best-practice checklists for common components and pages.
UI DesignbeginnerFree30 min
RecommendedBook
Practical UI
Adham Dannaway
Adham Dannaway's book of concrete rules for designing clean, usable interfaces.
UI DesignbeginnerPaid4 hours
ReferenceWebsite
Mobbin
Mobbin
A searchable library of real mobile and web app screens and user flows.
UI DesignbeginnerFreemium30 min
ReferenceWebsite
The Component Gallery
Iain Bean
A reference of UI components and how real design systems name and build them.
Design SystemsintermediateFree30 min
RecommendedCourse
Design+Code
Meng To
Meng To's course platform covering UI design, Figma, and building real apps.
FigmaintermediateSubscription20 hours