Free design resources

The Product Design Resources Library

My go-to design resources for UX and product designers including tools, articles, books, plugins, and more.

Adham Dannaway Author of Practical UI

The only design resources library you’ll ever need

After more than two decades working as a product designer, I’ve collected hundreds of amazing design tools, books, and websites. I share individual resources daily, but my full library has been hidden away until now. These design gems are too good to keep to myself, so I'm sharing them all.

From accessibility and UI design to career growth and motion design, this collection has something for everyone. Whether you’re a seasoned designer or just starting out, you’ll find the best resources to learn, create, and stay inspired.

🚫 Please don't share this link directly. Instead, share a link to the front page.

If you know of any other helpful design resources that should be included in this library, please let me know.

Accessibility resources

Designing for accessibility ensures that digital products are inclusive and usable by everyone, including people with disabilities. These resources cover best practices, guidelines, and tools to help you create accessible experiences that comply with WCAG standards and improve usability for all.

The a11y Project - community-driven platform to make digital accessibility easier.
Accessibility for designers - A list of resources, checklists, tools, plugins and books to design accessible products.
Learn Accessibility - An evergreen accessibility course and reference to level up your web development.
The Accessibility Cheatsheet - Summary of the WCAG guidelines.
Accessibility Checklist - List of Web Content Accessibility Guidelines 2.1.
WCAG for Designers - Simplified summary of WCAG criteria most relevant to design.
Microsoft Inclusive Design - a methodology to design inclusive products for everyone.
Universal Design Guide - Open source platform for universal design and workshop facilitation.
Ethical Design Guide - Resources on how to create ethical products that don't cause harm.
Dos and Don'ts on Designing for Accessibility - posters that summarise accessibility from a design perspective.
A Guide to Documenting Accessibility - tips on how to document designs for improved accessibility.
Design Beyond Barriers - an accessibility guide on how to design for everyone, even those juggling a hot coffee and a pet hamster.

Brand design resources

Branding goes beyond logos, it's about crafting a distinct identity, voice, and experience. These resources will help you master brand strategy, visual identity, and storytelling to build strong, memorable brands.

How to Design a Logo - a logical step by step logo design process to design any type of logo in minutes not hours.
Visual Journal - Brand design inspiration.
Brand Guidelines - Collection of brand guidelines.
Logo System - Logo design library.
Logggos - Logo design library.
The Essential Design - Brand design inspiration.
Deck Gallery - Collection of presentation slide decks.
Activation Ideas - Commerce, brand experience, and activation ideas.
Rebrand Gallery - Collection of brand videos.
Branded in Memory - A study of how accurately people can remember logos.

Copywriting resources

Great design needs great words. These copywriting resources focus on UX writing, microcopy, and content strategy to help you craft clear, compelling, and user-friendly messaging.

Style Manual - a content design guide by Andy Taylor.
UX Writing Library - a collection of books, articles, courses, and more to master UX writing and content design.
Good Microcopy - a collection of great copywriting examples from real-world websites and apps.
Tell Better Stories - 9 resources to help business leaders tell better stories about their products.
Improve Validation Errors with Adaptive Messages - a comprehensive study to help you improve error messages and validation in UI design.
Copy Docs - an easy way to manage and organise copy for UX projects.
Just Good Copy - a collection of product email copy from great companies.
H1 Gallery - a collection of the very best marketing headlines on the internet.
Pushkeen - a curated collection of the latest push notification patterns from mobile apps.

Design books

From foundational principles to cutting-edge techniques, these books cover everything a designer needs to know. Whether you're looking for inspiration or practical guidance, these reads will help you level up your design skills.

Practical UI - my UI design book to learn a logic driven approach to design intuitive, accessible, and beautiful interfaces using quick and practical guidelines.
Best UI Design Books - the most practical and useful UI design books to help you learn the how and why of user interface design.
Best UX Design Books - the most useful and practical UX design books to help UX designers create seamless user experiences.
The Unknown Arts Library - 100 community-vetted books to inspire creative growth and innovation.
Monster List of UX Books - curated collection of top rated UX books.
Free UX eBooks - a handy collection of eBooks by the team at UX Pin.
Lapa Books - a collection of the best free eBooks for designers.
Design Guides - a collection of user research guides, reports and industry resources by the team at Maze.
Giving a Damn About Accessibility - a candid and practical accessibility handbook for designers.

Design career resources

Breaking into or advancing in the design industry can be challenging. These resources offer insights into job hunting, portfolio building, salary negotiation, and career growth.

Career resources

The Interview Kit - a free step-by-step guide to the product design interview process.
How I Became a Product Designer - my design career journey and key learnings.
Navigating a Design Career - collection of career milestones from top designers.
Playbook - a community-driven resource to help designers achieve their career goals.
Lover’s Magazine - interviews with top designers around the world.
Workspaces XYZ - explore the workspaces of creative individuals.

Design challenges

UX Design Challenges - a collection of UX design challenges to help improve your UX design skills.
Goodbrief - a random generator for design briefs to help you practice your design skills.
Daily UI - a series of design challenges sent out every day for 100 days.
Fake Clients - a random generator for a range of different design briefs to level up your design skills.
UI Coach - a random generator for UI design briefs to level up your UI design game.
UX Challenge - a collection of UX design challenges based on real-world products.
Product Design Exercises - a collection of 50 product design exercises to help improve your product design skills.
Sprint Cards - a random generator for a range of different design briefs to level up your design skills.
Daily UI/UX Design Challenges - receive daily challenges via email to advance your UI/UX skills.

Design newsletters

Stay up to date with the latest trends, insights, and inspiration in product design. These newsletters curate industry news, expert opinions, and valuable resources straight to your inbox.

Today in Design - the latest designer news, events, resources, and more delivered straight to your inbox every week.
Hey Designer - the go-to newsletter for product people, UXers, PMs and design engineers.
Figmalion - a curated collection of design resources and a weekly roundup of news in Figma and the design tools community.
UX Collective - an independent design publication and blog built to help designers think more critically about their work.
It’s Nice That - stay in the loop with everything good going on in the creative world.
The Desk Reading Club - the blog of Tobias Van Schneider.
Dense Discovery - thoughtfully curated links from a noisy web, written by Kai Brach.
Smashing Mag Newsletter - useful tips and techniques on front-end and UX by Vitaly Friedman.
UX Design Weekly - a handpicked list of the best user experience design links every week.
Design Modo Newsletter - a newsletter packed with the best design articles, news and products.
Department of Product - the latest product launches, news, tools and analysis designed to help you build winning products.
Products that Count - A newsletter with a mission to help everyone build great products.
Product Collective - the latest methods, tools, and frameworks used to build, launch and scale world-class software products.
Lenny’s Newsletter - a weekly advice column about building product, driving growth, and accelerating your career.
UI Prep - get 5 practical tips about Figma and design systems every Friday by Molly Hellmuth.
Nielsen Norman Group Newsletter - get weekly UX articles, videos, and upcoming training events straight to your inbox.
Marketing Design Dispatch - Marketing design inspiration by Charli Marie.
Baseline Design - a newsletter by Joey Banks on working in design systems as an independent designer.
Dan Mall’s Newsletter - tips, tricks, and tools about design systems, process, and leadership, delivered straight to your inbox.

Design podcasts

Learn from industry experts while on the go. These design-focused podcasts cover topics like UX, product design, career growth, and creative inspiration through engaging conversations and interviews.

The Futur Podcast - a weekly show that explores the interesting overlap between design, marketing, and business.
Dive Club - a podcast and article series for designers who never stop learning.
Yo! - spotlights incredible designers, developers, makers and entrepreneurs building their own future.
Design Better - uncover insights from the world’s top designers and creatives.
Full Stack Whatever - a series of conversations with creatives and technologists about the work behind the work.
Design Matters - the first ever podcast about design and an inquiry into the broader world of creative culture.
Design Details - a biweekly conversation about design process and culture with Brian Lovin.
The User Experience Podcast - quick hits of UX advice and inspiration.
Beyond UX Design - learn about how to build great software with Jeremy Miller.

Design resource libraries

A well-stocked library of design resources can be a game-changer. These sites compile high-quality assets, templates, and tools to streamline your workflow and enhance your projects.

Good Design Tools - a collection of over 400+ of the best tools and resources for UI designers, UI/UX designers, digital designers, logo designers, and graphic designers.
UI Goodies - a curated directory of design resources and tools to help designers and developers.
Fountn - a collection of hand-picked design resources reviewed by senior designers.
Degreeless Design - an opinionated and carefully curated collection of links, books, articles, and more that will help you speed boost your UX and product design career.
UX Gears - the best digital design and AI resources for designers and founders in the universe.
Evernote Design - all in one bookmark links for designers.
Designer Daily Report - everything about design, in just 5 minutes.
Digital Creator HQ - discover the best tools and resources for creators.
OMG LORD - a curated directory and newsletter by Gabby Lord, sharing thoughts on design, creativity and handy resources.
Design Resources - discover the best digital design resources with a library of over 300+ sites and tools.
Start Here, Designer! - a resource collection for designers curated by Krisztina Szerovay.
The Vault - Nguyen Le’s design resource stash.
200+ UX Resources and Bookmarks - created with love by Simonas Maciulis.
Christine’s Resources - Christine Vallaure’s personal treasure trove of UX and UI design resources.
Ultimate 450+ Websites Directory - a curated collection of design resources.
Design Directory - ultimate list of UI, UX, and graphic design tools and websites.
Free Design Stuff - a curated library of top quality design resources free for personal and commercial use.
Felix’s Designer Handbook - a curated list of design resources.
Free Resources - the best resources for digital product designers curated by Craig Barber.
UI8 - thousands of high quality creative resources for tech startups and busy designers.

Design system resources

Design systems help teams create cohesive, scalable, and consistent experiences. These resources will guide you in building, maintaining, and improving design systems for products of any size.

Design system collections

Best Design System Examples - key learnings from top design system examples to help you build or improve your own design system.
Component Gallery - a collection of interface components from real-world design systems.
Design Systems Database - a collection of top design systems.
Design Systems Repo - a collection of design system examples, articles, tools and talks.
Design Systems for Figma - expert insights and tools to create, manage, and scale design systems with Figma.
Storybook Component Encyclopaedia - reference thousands of components from leading UI engineering teams.
Design Systems Index - systematized inventory of reference design systems currently in the digital transformation industry.

Design system guides

How to Build a Design System - a step by step guide to build a design system with predefined styles, a component library, and usage guidelines.
The Design System Guide - resources for creating a design system.
UI Playbook - a documented collection of UI component guidelines.
UI Guideline - all the wisdom of the most popular design systems and UI kits in one place.
Design Systems - a design systems publication by Figma.
Design System Checklist - a team activity to start a design system.
Design System in Figma - complete guide to designing a site using a collaborative and powerful design system.
Design System Checklist - an open-source checklist to help you plan, build, and grow your design system.
Design System Tools - everything you need to know about design systems, and the tools to build them.
Design System Roadmap - learn how to create a design system with this step by step roadmap.
Figma Variables Guide - complete guidelines to learn about Figma variables.
Neurodiversity Design System - design accessible learning interfaces to support success and achievement for everyone.
Your Introduction to Design Systems - an introductory course on design systems.
Design System Tactics - a growing collection of design system tips to help you build or maintain a design system.

UI kits

Practical UI Figma Design System - my lean and powerful Figma design system and UI kit to help you design just about any website or application you can imagine.
MacOS UI Kit - a design system for building retro Apple-inspired interfaces.
Windows 98 UI Kit - a design system for building interfaces that look like Windows 98.
UI Store - handpicked UI Kits for your real life projects.
System 22 - a free Figma UI kit for everyone.
Base UI - unstyled UI components for building accessible web apps and design systems.
Drams Framer Components - elevate your digital projects with sleek Framer UI elements inspired by Dieter Rams.

Design tools

The right tools can make all the difference. From wireframing to prototyping, these design tools help you work more efficiently and bring your ideas to life.

Design tool libraries

Toools - a growing archive of over 1,500 design resources, frequently updated for the community.
Freelance Things - Discover the best communities, tools, articles, books, podcasts, and videos to help you on your freelance journey.
Toolfolio - helps you find the best tools for productivity, creativity, and design.
Product Hunt Design Tools - a curation of the best new products, every day.
Service Design Tools - collection of tools and tutorials that help dealing with complex design challenges.
Best Web Design Tools - explore the best web design tools and Framer templates in our curated directory.
Design Tools Database - find your next tool from the responses of thousands of designers around the world.

Top design tools

Happy Hues - see color palette inspiration on a real example website.
Figmayo - instantly create a fully featured documentation site from any Figma design system.
Poline - an enigmatic color palette generator, that harnesses the mystical witchcraft of polar coordinates.
Colorable - random color scheme generator.
Free for Developers - a list of software and other offerings with free developer tiers.
GSAP - A wildly robust JavaScript animation library built for professionals.
Color Designer - a comprehensive color tools platform.
Avaaatars - a large library of customizable and commercially free avatars.
Shortcuts Design - the ultimate design tools shortcut reference for designers.
Untools - collection of tools and frameworks to help you solve problems, make decisions and understand systems.
UI Colors - Tailwind CSS color palette generator.

Figma plugins

Figma’s plugin ecosystem can supercharge your workflow. These plugins enhance everything from automation to accessibility, making designing in Figma faster and more efficient.

Best Figma Plugins for Web Design - top Figma plugins to help you design better websites, faster.
Dithercore - creates cool dithered images reminiscent of '80s and '90s computer graphics.
Apply Variables - swap styles with variables or apply variables that match raw number values to elements in any file.
Noisy Gradients - utilizes the Metavatar algorithm to create stunning gradient backgrounds in a variety of cool colors.
Html to Design - converts any website into fully editable Figma designs.
Contrast - check the contrast ratios of colors as you work.
Photopea - online photo editor lets you edit photos, apply effects, filters, add text, crop or resize pictures.
Iconify - all open source icon sets in one plugin with 150+ icon sets and over 200k icons.
Autoflow - automatically draws arrows between frames in Figma to illustrate user flow diagrams in a hand-drawn or minimalist style.
LottieFiles - quickly and easily animate your designs without leaving Figma.

Figma resources

Figma is a powerhouse for modern design teams. These Figma resources include UI kits, tutorials, and best practices to help you get the most out of Figma.

Figma 101 - learn the basics of Figma in one hour for FREE with twelve fast-paced videos.
Awesome Figma Tips - small but awesome tips to help you work faster in Figma.
Getting Started with Figma - 1-hour UI Design course for beginners.
Figma Checklists - standards to level up your Figma components quality.
Apple Figma Resources - official Apple design resources for making great apps for Apple platforms.
Setting up Typography Variables in Figma - a quick step by step guide on how to create variables for typography styles in Figma.
Learn Figma Variables - 50+ resources to help you learn how to use Figma variables.

Font resources

Typography plays a crucial role in design. Whether you need free fonts, inspiration, or pairing guides, these resources will help you make informed typographic choices.

Best Free Typefaces for UI Design - my go-to sans serif free typefaces for optimal legibility and simplicity on your interface designs.
Free Faces - a curated collection of typefaces that are available under a variety of free licences somewhere on the interwebs.
Uncut - a free typeface catalogue focussing on contemporary type.
Font Source - a collection of open-source fonts that are packaged into individual NPM packages for self-hosting in your web applications.
Fonts in the Wild - quickly find quality free and paid fonts for your next design project.
Fonts in Use - an independent archive of typography.
Fontshare - a free fonts service from the Indian Type Foundry (ITF), making quality fonts accessible to all.
Typewolf - a resource that helps designers choose the perfect font combination for their next design project, featuring web fonts in the wild, font recommendations, and learning resources.
Font Brief - find fonts based on their personality.
Fonts Ninja - discover awesome typefaces and build your font collection.
Friends of Type - features original typographic design and lettering practically every day.
Awwwards Free Fonts - a selection of complimentary typography for your web projects.
Google Font Pairings - pairings are hand-picked from Google Fonts catalog and open-sourced for everyone to use.
A Checklist for Choosing Type - a simple but thorough checklist to reference every time we need to choose a new typeface, with each item explained in detail.
Type Design Resources - everything from learning the basics of type design to running your own foundry.
Anatomy of Typography - the ultimate guide to the anatomy of type in a poster format.
Google Fonts Knowledge Base - making the web more beautiful, fast, and open through great typography.
Butterick's Practical Typography - an online typography design book.

Icon design resources

Icons enhance usability and aesthetics in digital products. These resources offer high-quality icon sets, design guidelines, and inspiration for crafting pixel-perfect icons.

Icon design guides

Best free icon sets for UI design - I’ve searched through hundreds of icon sets over the years and picked out the best free icon sets for UI design.
How to Design Icons in Figma - an in-depth guide to icon creation in Figma.
The Essential Guide to Matching Icons with Typefaces - a complete guide on how to pair icons and typefaces to create a consistent visual language.
A Complete Guide to Iconography - a deep-dive guide on how to create, organize, name, and use icons within a design system.
iOS Icons Gallery - showcasing beautiful icon designs from the iOS App Store.

Icon sets

Illustration resources

Illustrations bring personality and storytelling to your designs. These resources provide high-quality illustration packs, customisable assets, and guidance for integrating them effectively.

Isocons - a collection of carefully crafted isometric icons for your next project.
Illustration Universe - get inspiration from the world's best illustrations.
SVG Hub - a library of over 70 custom-color elements ready to paste into your project.
Cool Shapes - 100+ abstract shapes with cool grainy gradients ready to use with any design dev project.
Handy Arrows - a handy website that contains hand-drawn arrows that can be easily copied as SVG code or React components.
Copy-Paste SVG Shapes - a collection of 120+ basic SVG shapes for your upcoming project.
SVG Doodles - a free collection of editable SVG's to spice up your designs.

Inspiration

Struggling with creative block? These sites showcase outstanding UI design, web design, portfolio websites, and landing page designs to spark fresh ideas and push your creativity further.

Design inspiration

Curation of Curations - Netflix, but for design and entrepreneurship.
Dribbble - a range of design inspiration from designers around the world.
Behance - a comprehensive platform to help hirers and creators navigate the creative world from discovering inspiration, to connecting with one another.
Layers - share work, connect with other designers, discover jobs and get hired.
No-Code Supply Co. - top designer, developer, and AI inspiration, resources, and tools hand-picked daily.
Design Vault - UI and landing page design inspiration from real products.
Figmalion - a curated collection of design resources and a weekly roundup of news in Figma and the design tools community.
Curations Supply - a curated collection of top design tools and resources.

UI design inspiration

Mobbin - a huge library of 300,000+ fully searchable mobile & web app screenshots from real-world products.
Stack Sorted - a collection of the web's best designs sorted by components.
Buttons Cool - a collection of free HTML and CSS button code examples.
Viewport UI - a curated collection of UI experiences for your inspiration.
Interface Index - interface elements from the best B2B, SaaS and desktop apps and services.
Little Big Details - your daily dose of design inspiration.
UI Patterns - a comprehensive collection of interface design patterns to help inspire you on your next project.
Design Spells - discover micro-interactions, easter eggs, and other seemingly extra design details that infuse life, personality, and fun back into the web.
Navbar Gallery - a collection of the best website navbar inspiration designs on the web.
Empty States - a curated gallery showcasing designs where no data is available in the UI.
Collect UI - daily inspiration collected from daily UI archive and beyond.
Interface Watch - a growing library of screenshots from WatchOS applications.
UI Goodies - a curated directory of design resources and tools to help designers and developers create better user interfaces.
Call to Inspiration - a collection of UI design screenshots organised by pattern.
UX Archive - a large library of mobile user flows.
UIverse - a community-made library of free and customizable UI elements made with CSS or Tailwind.
Design Patterns - a library of UI design patterns from real-world products.
60 FPS - endless collection of delightful details from best-in-class apps.
UX Snaps - uncover the UI secrets behind apps used by millions.

Web design inspiration

Best Free Web Design Inspiration Sites - my go-to free web design inspiration sites with detailed breakdowns to help inspire you.
Awwwards - website awards that recognize and promote the talent and effort of the best developers, designers and web agencies in the world.
The FWA - an international award platform that honors and rewards web designers, developers and agencies around the world for excellence in web design.
Curated Design - out-of-this-world web design inspiration from across the web.
Seesaw - curation of the best web design inspiration, updated daily.
MaxiBestOf - website design inspiration feed updated every week day.
Site Inspire - a showcase of the world's finest web design.
Httpster - a curated collection of web design inspiration from all over the world.
Collected - web design gallery that shows eight different sites on each visit.
Best Website Gallery - the most beautiful websites handpicked for you since 2008.
Unsection - showcasing over 1,000 website sections, hover effects, and an extensive SVG library with new content added weekly.
Dead Simple Sites - curates the most minimal sites on the web.
Web Design Inspiration - a free inspiration gallery featuring the world’s best website designs.
Web Design Inspiration - hand-picked collection of well-designed websites, marketing, and landing page examples from the real world.
Hover States - a curated collection of alternative design, code, and content on the world wide web.
Websitevice - a library of website design examples to get inspiration for business, startup, real estate, software, and SaaS.
CSS Nectar - a premier website design award and showcase platform for web designers and developers.
Minimal Gallery - hand-picked minimalist web design inspiration, curated daily.
Doing Cool Stuff - a directory of brand, motion, and digital product design studios that are doing cool stuff.
Linears - a collection of websites inspired by Linear.
Supahero - explore a handpicked library of stunning website hero sections designed to captivate and engage.
Godly - a curation of the best web design inspiration, every day.
The Responsive - gallery showcasing the finest responsive design.
OG Image Gallery - a gallery with the best and most carefully collected OG images.
Nicelydone - browse a curated design library of web app screens, UI components and user flows from top SaaS web apps and inspiring product teams.
Dark Design - the best hand-picked dark themed websites on the internet, from designers for designers.
Social Proof Examples - discover strategies to build trust, drive conversions, and grow your brand.
Footer Design - a curated collection of beautiful website footer designs.

Landing page design inspiration

Best Landing Page Design Inspiration Sites - my go-to landing page design inspiration sites with detailed breakdowns to help inspire you.
One Page Love - a design gallery showcasing the best single page websites.
Lapa Ninja - a collection of the best 6,000+ real-life landing page designs.
Land-book (paid) - a huge landing page design inspiration gallery that was launched back in 2013.
Landing Gallery - discover the beauty of the internet with a curated collection of stunning websites.
SaaS Landing Page - a showcase of the best landing page examples created by top-class SaaS companies.
Landings Dev - discover hundreds of landing pages created by leading companies for your design inspiration.
Landdding - a curated landing page design inspiration site showcasing high-quality landing page designs.
Single-Serving Sites - a unique landing page design inspiration site that showcases simple, single-purpose websites.
Pure - daily landing page design inspiration featuring only the top designs in the industry.
Landing Love - get inspired by an amazing collection of 1,000+ animation website designs.
Landingfolio (paid) - the best landing page designs, templates, components, and more on the web.
Landing Pages Explained - a collection of leading SaaS and creator landing pages with expert explanations of the ideas used to increase conversion.
SaaS Pages - screenshots, tips, and tricks to build the best SaaS landing page that actually converts.

Portfolio design inspiration

Best Design Portfolio Inspiration Sites - my go-to design portfolio inspiration sites, complete with detailed breakdowns to help inspire you.
Killer Portfolio - my favourite free design portfolio inspiration site, as every portfolio comes with commentary to help you understand what makes it special.
Foleo - a UX/UI design inspiration website that curates the portfolios of the top designers globally.
Bestfolios - a comprehensive design portfolio inspiration site showcasing some of the most impressive design portfolios from designers in a range of creative fields.
Wall of Portfolios - a showcase of the best design portfolios from UX, UI, and product designers.
Pafolios - best design portfolio examples and case studies for product, UI/UX, and creative designers.
Pretty Folio - a curated collection of beautiful and creative design portfolios from top designers around the world.
Personal Sites - a thoughtfully curated collection of unique portfolio websites.
Portfolio Project - a curated list of the most visually stunning portfolio websites.
Pfolios - a showcase of the most inspiring portfolios.

Ecommerce design inspiration

Storefront Design - the ultimate source for ecommerce design inspiration, featuring outstanding online stores updated weekly.
Commerce Cream - Shopify ecommerce web design inspiration.
The Headless Club - a directory of the best ecommerce stores built with modern web technology.
Cartalog - a curated collection of the most creative ecommerce experiences on the web.
Ecomm Design - a showcase of an eclectic mix of ecommerce stores with a focus on metrics and UX practices that matter to sales.
Pricing Patterns - a curated collection of real-world pricing page examples.
Pricing pages design vault - explore a curated collection of the best pricing page examples.

Mobile design resources

Designing for mobile requires a unique approach. These resources cover mobile UI patterns, guidelines, and best practices to help you create seamless app experiences.

Scrnshts - a hand-picked collection of the finest app store design screenshots.
Learn Mobile Design - a curated list of mobile design resources.
Modern iOS Navigation Patterns - an unofficial bonus chapter for the iOS Human Interface Guidelines.
App Fuel - one-stop station for app builders including user flows, app screens, and news.

Motion design resources

Motion adds life to digital experiences. These resources explore animation principles, UI motion design, and prototyping tools to help you create smooth, engaging interactions.

Motionimo - a free tool that shares resources, tips, expressions and inspirations around motion design.
Zajno Motion - The principles of animation.
App Motion - explore the best, hand-picked mobile app motion design.
Web Interactions Gallery - curated collection of animated UI elements, micro-interactions, and hover effects.
Details Matter - a video gallery of the finest website and app micro-interactions out there.
Great animations - a guide on how to create great animations for your website or app.
Invisible Details of Interaction Design - deconstructing the craft of interaction design through metaphors and examples.
Bezier Curves - the logic behind Bézier Curves used in CSS animations and visual elements.
The Ultimate Guide to Proper Use of Animation in UX - animation guidelines for websites and apps.
The Power of Motion Guidelines in Digital Products - the why, what, and how of motion guidelines in UX.
Creating Usability with Motion - when and where to implement motion to support usability.

Stock photos

Finding high-quality, royalty-free images can be a challenge. These stock photo sites offer a wide range of visuals to enhance your projects without licensing headaches.

Lummi - a collection of unique, royalty-free AI stock photos, illustrations, and 3D.
Unsplash - beautiful, free images and photos that you can download and use for any project.
Pexels - free stock photos & videos you can use everywhere.
Pixabay - stunning royalty-free images and royalty-free stock.
Burst - a free stock photo site powered by leading eCommerce platform Shopify.

UI design resources

User Interface (UI) design is all about crafting beautiful, functional digital experiences. These resources cover UI design tips, components, and best practices for creating stunning interfaces.

UI design guides

16 Little UI Design Tips That Make a Big Impact - a step by step UI design case study to quickly fix an example user interface using logic-driven UI design tips.
Button Design Tips to Avoid Common Mistakes - practical button design tips to avoid common usability and accessibility problems.
58 Rules for Beautiful UI Design - rules that are tailored to help you create interfaces that are not just visually appealing but also intuitively functional.
Data Table Design Patterns - a collection of best practices to help you make your data tables better.
How to Redesign - a step by step guide.
Designing Depth - how to distill a three-dimensional world into a two-dimensional (still) frame, while conveying story and depth.
Loading and Progress Indicators - engage users and enhance waiting experiences with these simple recommendations.
How to Simplify your Design - 20+ easy to follow illustrated examples.
Modalz - all the reasons you don't need a modal and what to use instead.
Ultimate Guide for Designing Cards - tips, tricks and best practices for designing better cards.
Fitts’ Law In The Touch Era - Fitts’ Law, and how it works with touchscreens.
10 Usability Heuristics for User Interface Design - Jakob Nielsen's 10 general principles for interaction design.
Visual Design Rules You Can Safely Follow Every Time - a collection of fundamental UI design guidelines from Anthony Hobday.
Visual Design Techniques - a collection of visual design techniques to help inspire your designs.
Typographic Hierarchies - 6 basic variables to establish a typographic hierarchy.
Text Fields and Forms design - simple rules that will help you design forms users will like to complete.
5 Principles of Visual Design in UX - the principles of scale, visual hierarchy, balance, contrast, and Gestalt not only create beautiful designs, but also increase usability when applied correctly.

UI design libraries

UI Design Tips - learn UI and UX design with practical byte-sized tips and in-depth articles from Jim Raptis.
UI Guideline - a resource for mastering UI component standardization.
Aceternity UI - beautiful Tailwind CSS and Framer Motion components, built with Next.js and TypeScript.
Design Patterns Catalogue - a collection of UI design patterns to help you design trustworthy services.
Design Good Practices - Design guidelines following good practices that you can apply to product design.
UI Bundle - hundreds of ready-to-use resources made by 400+ talented designers from around the world.
Wireframe Examples - the best wireframe examples in one free library.
Auto Interfaces - a curated collection of modern vehicle infotainment system designs, interactions and screens.
HUDS+GUIS - an inspiration resource site featuring futuristic user interfaces.
Designer Lynx - the best Figma resources on the internet.
UI WTF - an experimental laboratory for user interfaces.
UI Playbook - a documented collection of UI components.
That Guide to UI Design - a curated collection of resources and exercises to help you start your UI design journey.
User Interface Elements Glossary - quickly clarify definitions for key graphical user-interface elements and controls.
A/B Test Results - curated collection of A/B test results from best-in-class apps.

User research resources

Great design starts with understanding your users. These resources help you conduct effective research, gather insights, and make data-driven design decisions.

Guide to User Research - a curated collection of 250+ resources & tools dedicated to user research, that will help you incorporate it into your design practice.
UX Research Bookmarks - a collection of research-related bookmarks.
UX Research Methods Glossary - a glossary to quickly clarify key terms and concepts related to research methods in UX.
UX Research Methods and Techniques - 16 of the most common quantitative and qualitative methods for making informed decisions and generating actionable human insights.
UX Research Methods Cheat Sheet - tips for choosing the right method or combination of methods for your research.
UX Research Cheat Sheet - a list of user research methods and activities with guidance to help you decide which to use when.
UX Research Tools - a curated collection of top user research tools and software.
UX Research Field Guide - an in-depth, beginner-friendly guide on how to conduct effective user research.
Optimal’s 101 User Research Guides - helpful guides on how to validate your designs through user research.

UX design resources

User Experience (UX) design is the foundation of digital products. These resources cover usability, interaction design, and human-centred approaches to creating meaningful user experiences.

UX design tips

Laws of UX - a collection of best practices that designers can consider when building user interfaces.
The UX Cookbook - handcrafted recipes to get you started with everything UX.
Growth Design - level up your product skills with bite-sized tips.
User Experience Database - discover everything you need to learn user experience design.
UX Myths - a collection of the most frequent user experience misconceptions with explanations on why they don't hold true.
UX Hints - bite-sized hints and cheat sheets about UX product design.
UX Checklists For Interface Designers - a curated collection of UX design checklists.
UX Psychology Glossary - 50+ psychological biases, design principles and UX concepts that affect the product experience.
UX Knowledge Base Sketch Collection - a collection of sketches to learn a range of UX design concepts.
Laws of UX Chart - top UX design principles used by experts worldwide.
UX Nuggets - the latest behavioural research distilled, applied and combined to make better strategic decisions.
Deceptive Patterns - addressing the growing issue of manipulative, deceptive and coercive design patterns in the digital world.

UX design guides

NN/g’s UX Study Guides - a collection of study guides across a range of UX topics.
NN/g’s UX Strategy Study Guide - a collection of articles and videos about UX visioning and strategy.
NN/g’s Free UX Templates and Guides - a curated set of free templates and guides for inspiration and to accelerate your product development activities and UX career.
NN/g’s Psychology for UX Study Guide - articles and videos to learn about principles of human psychology and how they relate to UX design.
Heuristic Evaluation Workbook - step-by-step instructions to systematically review your product to find potential usability and experience problems.
50 Cognitive Biases in the Modern World - a visualisation of psychological cognitive biases to help you understand users better.
Design Principles - an Open Source collection of Design Principles and methods.
UX Project Checklist - start your next UX project with this checklist so you don't forget about anything.
Product Design Methods Mind Map - a diagram to help you decide when to apply which product design method.
UX Methods and Deliverables - the most common tools, methods, processes, and deliverables that designers use throughout the digital product design process.
52 Weeks of UX - a 52 week discourse on the process of designing for real people.
UX Design Roadmap - a self-guided UX design reading list.
UX/UI Product Design Roadmap - a diagram that outlines the main design topics and skills you need to know as a UX/UI product designer.
Encyclopedia of Human-Computer Interaction - free textbooks written by more than 100 leading designers, bestselling authors, and Ivy League professors.
UX Strategies to Maximise User Engagement - the most effective behavioral design frameworks to keep your products engaging without being exploitative.
UX Survival Guide - empowering experienced designers to level up in their career by demonstrating their value beyond visuals.

UX design courses

Hack Design - an easy to follow design course for people who do amazing things.
Figma Design Basics - a course to get started in design by learning the basics.
The Guide to Design - A self-guided class to help you get started in UX and answer key questions about craft, design, and career.
Free Kickass UX Course - an in-depth free UX course for designers.
Learn web development - a collection of web design and development courses created by experts.

A bit about me

I’m a product designer specialising in UI design and design systems. Since 2005, I’ve worked across startups, agencies, corporations and government. I live and breathe design and enjoy sharing my knowledge with others.

More about me