FREE – SaaS Product Design Resources (Updated)

A curated resource list to kickstart your SaaS Product Design career.

“Design is the intermediary between information and understanding.” 

– Hans Hofmann

A curated resource list to kickstart your design career

If you ask me, becoming a great designer doesn’t happen overnight, just because you took a course or attended a boot camp for a few weekends. 

I wish it were that easy — really, I do. But no, you have to keep at it. 

You’ve got to be resourceful. Relentlessly curious. Maybe even a bit obsessive.

When I started hoarding — in a good way, I swear — every resource I stumbled across that felt useful. Articles, books, and random links people dropped in group chats. 

Anything that could help me connect the dots a bit faster. And honestly? I still do this. 

I keep collecting and bookmarking things that might help you, too, so maybe you don’t have to dig so hard on your own.

---

Before You Go…

If you’re looking for real-world design inspiration — not just Dribbble shots or pixel-perfect mockups — take a moment to check out UIUXshowcase.com.

It’s a curated library of thoughtfully crafted UX and UI work from designers around the world. 

Feel free to explore it, contribute if you’ve got something to share, or wander through and get inspired.

---

Start with the Basics

You can’t skip the beginning, can you? The foundations stick with you, whether you like it or not. So get friendly with type. 

Wrestle the pen tool until it makes sense. Play with color — break it, fix it. 

Read about where design came from. 

Understand why specific shapes feel right while others don’t.

Here’s a small stash to get you rolling:

Design Foundations

Theory & Principles

1. Principles.Design — good reminders.
2. Dieter Ram’s 10 Principles — classics, for a reason.
3. Lessons of Design — take notes.
4. Microsoft Inclusive Design — designing for real people.
5. Design for Friction — not everything should be easy.
6. Designing for Tomorrow — stay relevant.
7. Humane by Design — worth thinking about.

History

1. AIGA Design History Resources
2. Design History Society
3. Design History: Key Moments
4. Helvetica Documentary — watch it at least once.

Books for the Basics

---

Starting UX

Alright — by now, you’ve (hopefully) got a decent handle on the basics. Don’t worry if it still feels messy — it always does. 

You’ll keep learning as you go. But let’s switch gears a bit and step into the UX side of things.

If there’s one thing you need to wrap your head around (and keep sharpening), it’s process.

Seriously — tools come and go, trends fizzle out, shiny new frameworks appear every other week… but process? 

That’s what makes you valuable. That’s what makes your work work. 

So keep your product thinking sharp — but make process your real superpower.

UX Foundations

Design Process

1. IDEO Design Kit — hands-on, human-centered.
2. Design Sprints vs. Agile — know when to sprint, when to run a marathon.
3. GV Design Sprints — the OG sprint method.
4. Guide to Product Design — big-picture stuff.
5. Learning to Love Design Thinking — it’s more than sticky notes.
6. Product Thinking — see the forest, not just the trees.

Research

1. UX Research Field Guide — where to start.
2. Research Incentive Calculator — so people show up.
3. Guide to UXR — tips from the trenches.
4. Survey Methods — good questions matter.
5. DScout — People Nerds — people, not just users.

Deliverables

1. UX Checklist — don’t forget the basics.
2. Complete List of Deliverables — cover your bases.
3. Storyboarding 101 — tell it like a story.
4. Interaction Flows — so people don’t get lost.

UI & Design Systems

1. Typescale — keep your text tidy.
2. Shaper — shapes, grids, order.
3. Optical Effects in UI — subtle details, big difference.
4. Material Design Guidelines — Google’s playbook.
5. Designsystems.com — inspiration for your own.
6. Human Interface Guidelines — Apple’s rules.
7. Awesome Design Systems — a whole bunch to explore.
8. Everything Framer — for shiny interactive stuff.

UI/UX Design Tips & Tricks Resources

Great UX isn’t just about clean layouts — it’s about designing with real people in mind. These resources will help you better understand user behavior, avoid common mistakes, and make more thoughtful, human-centered decisions.

SaaS Product UX Design Resources

UX is more than wireframes and usability — it’s about understanding people, solving real problems, and designing with purpose. These resources cover strategy, psychology, methods, and mindsets to help you grow as a thoughtful, well-rounded designer.

1. UX/UI Product Design Roadmap – A visual guide to the key topics and skills every modern product designer should explore.
2. NN/g’s Psychology for UX Study Guide – Learn how human behavior and psychology connect to UX decisions.
3. UX Strategies to Maximise User Engagement – Behavioral design frameworks to build engaging — not manipulative — product experiences.
4. Heuristic Evaluation Workbook – A hands-on tool to help you spot usability issues systematically.
5. Design Principles – An open-source library of principles and methods that guide effective design.
6. UX Survival Guide – Learn how to show your impact and grow your career beyond just making things look good.
7. 52 Weeks of UX – A year-long collection of short reads on what it really means to design for people.
8. Product Design Methods Mind Map – An apparent visual reference for when to use specific UX or product design methods.
9. NN/g’s UX Strategy Study Guide – Articles and videos to help you build a strong UX vision and align with business strategy.
10. UX Project Checklist – A practical list to make sure nothing slips through the cracks in your next UX project.
11. NN/g’s UX Study Guides – Comprehensive guides on various UX topics, curated by trusted experts.
12. 50 Cognitive Biases in the Modern World – A visual overview of common user biases that influence behavior and decision-making.
13. UX Design Roadmap – A self-guided reading list to help you grow across all areas of UX.
14. Encyclopedia of Human-Computer Interaction – Free textbook content from world-class UX professionals.
15. UX Methods and Deliverables – A detailed look at what UX designers create throughout the product design process.
16. NN/g’s Free UX Templates and Guides – Time-saving templates and frameworks to help move your work forward faster.

Font & Typography Resources

Fonts do more than carry text — they set the tone. Whether you’re looking for clean UI typefaces, font pairings, or learning the anatomy of type, these resources will help you make better, smarter choices in your design work.

1. Typewolf – Find perfect font pairings, see real-world examples, and explore curated font recommendations.
2. Fonts Ninja – Discover beautiful fonts, preview them in your designs, and build your font collection.
3. Free Faces – A thoughtfully curated gallery of freely licensed typefaces across the web.
4. Font Brief – Search for fonts based on personality traits — from elegant to bold.
5. Google Fonts Pairings – Pre-paired fonts from Google’s library to make your design decisions more straightforward.
6. Fonts in the Wild – Quickly explore both free and premium fonts used in real design projects.
7. Fontsource – Self-host open-source fonts via NPM — great for developers.
8. Google Fonts Knowledge Base – Learn how to make the most of web typography, straight from Google.
9. Fonts in Use – A living archive of typography examples from branding to editorial design.
10. Uncut – A fresh, free catalog of contemporary typefaces.
11. Awwwards Free Fonts – A solid selection of stylish free fonts for web projects.
12. Anatomy of Typography – A beautifully designed poster to help you understand the building blocks of type.
13. Butterick’s Practical Typography – An online book full of no-nonsense advice on how to use type well.
14. Type Design Resources – From learning type design to starting your foundry — it’s all here.
15. Fontshare – Free, high-quality fonts by Indian Type Foundry, made accessible to all.
16. Friends of Type – Original type and lettering inspiration, updated regularly.
17. A Checklist for Choosing Type – A step-by-step guide to help you pick the right typeface every time.

Accessibility Resources

Design isn’t perfect unless it works for everyone. These handpicked resources will help you build more inclusive, thoughtful, and accessible experiences—whether you’re just starting or fine-tuning your process.

1. A Guide to Documenting Accessibility – Tips on how to communicate accessibility decisions clearly in your designs.
2. Design Beyond Barriers – A fun, practical guide to designing for real-world scenarios (yes, even coffee + hamster situations).
3. Accessibility for Designers – A well-organized collection of checklists, tools, and books to guide your design decisions.
4. WCAG for Designers – A simplified look at the most critical WCAG criteria, tailored for design thinking.
5. Microsoft Inclusive Design – A tried-and-tested framework for creating experiences that include, rather than exclude.
6. The a11y Project – A friendly, community-led hub that makes digital accessibility more approachable.
7. Accessibility Checklist – A clear, structured list based on WCAG 2.1 to help keep your work in check.
8. Dos and Don’ts on Designing for Accessibility – Poster-style reminders that make it easy to get things right.
9. Universal Design Guide – Open-source resources and facilitation tools to help you design for all.
10. The Accessibility Cheatsheet – A quick-reference summary of the WCAG guidelines for when you’re in a pinch.
11. Ethical Design Guide – For designers who care about the long-term impact of what they build.
12. Learn Accessibility – A self-paced course and go-to reference to improve your accessibility knowledge.

Figma Resources

Whether you’re just starting out or deep into design systems, these Figma resources will help you move faster, stay consistent, and get more out of the tool.

1. Learn Figma Variables – 50+ curated resources to help you master one of Figma’s most powerful new features.
2. Figma 101 – A one-hour crash course with twelve fast-paced videos to get you up to speed.
3. Excellent Figma Tips – A collection of small but mighty tips to speed up your workflow.
4. Setting Up Typography Variables in Figma – A step-by-step walkthrough for building scalable type systems.
5. Apple Figma Resources – Official design kits for Apple platforms, now available in Figma.
6. Figma Checklists – Standards and reminders to help you polish your components like a pro.
7. Getting Started with Figma – A beginner-friendly 1-hour UI design course to get you designing fast.

---

Icon Design Resources

Icons do more than decorate — they guide, communicate, and support usability. Whether you’re designing a whole system or just grabbing the perfect set, these resources have you covered.

---

Icon Design Guides & Inspiration

1. How to Design Icons in Figma – A practical, in-depth guide to building beautiful, scalable icons in Figma.
2. A Complete Guide to Iconography – Learn how to name, organize, and document icons inside your design system.
3. The Essential Guide to Matching Icons with Typefaces – Tips for combining icons with fonts for a consistent visual style.
4. iOS Icons Gallery – Explore beautifully designed app icons from the iOS App Store.
5. Best Free Icon Sets for UI Design – A curated list of free, high-quality icon sets for clean, modern UI work.

---

Free & Open-Source Icon Sets

1. Lucide Icons – A friendly open-source icon set with a sharp, minimal style.
2. Feather Icons – Simple, clean, and built for modern interfaces.
3. Phosphor Icons – Flexible icons with bold and duotone styles for any mood.
4. Heroicons – By the makers of Tailwind — great for UI-heavy projects.
5. Tabler Icons – Over 4000 crisp, MIT-licensed icons made for modern apps.
6. Iconoir – Open-source icon library with a balanced, consistent stroke style.
7. Remix Icons – A set of neutral-styled icons perfect for product interfaces.
8. Ionicons – A wide set designed specifically for iOS and Android apps.
9. Unicons – Free and premium icon sets for developers and designers alike.
10. Streamline Core Line – Thousands of clean line icons, perfect for design systems.
11. Eva Icons – Built for UI interfaces, with both outline and fill options.
12. Boxicons – Lightweight icons built with consistency in mind.
13. Radix Icons – Radix’s open-source icons for use in design systems and apps.
14. Hugeicons – Bold, geometric icons built for attention and clarity.
15. Atlas Icons – Sharp, SVG-based icons built for web and product UI.
16. Sargam Icons – Culturally rich icons with strong readability.
17. CSS.GG – Icon library built entirely with CSS — no SVG needed.
18. Iconic – Sleek SVG icons for use across UI projects.
19. Iconsax – Multi-style icon family designed for product consistency.
20. Font-Based Icons via Fontsource – Install and manage icons via NPM.
21. Ming Cute – A rounded icon set with a soft and fun vibe.
22. Fluent Icons – Microsoft’s design language brought to icon form.
23. Pqoqubbw Animated Icons – Lightweight animated icons ready to drop into your UI.
24. Doodle Icons – Hand-drawn, playful icons for more expressive UI.
25. Free Universal Icons – A vast, regularly updated selection of free SVG icons.
26. Iconizer – Customize icons on the fly with color, size, and formats.

---

Design System Resources

Design systems help teams move fast and stay consistent. Whether you’re building your first or improving an existing one, these resources offer real-world examples, tools, and practical guides to get you there.

Collections & Inspiration

1. Design Systems Repo – A curated archive of design systems, articles, tools, and talks.
2. Component Gallery – A visual reference of interface components used by real products.
3. Design Systems Index – A growing inventory of public design systems used across industries.
4. Design Systems Database – Explore top systems, side-by-side.
5. Best Design System Examples – Key takeaways from some of the best design systems out there.
6. Design Systems for Figma – Learn how top teams build scalable systems inside Figma.
7. Storybook Showcase – Thousands of frontend components from leading engineering teams.
8. Design Systems – A dedicated publication by Figma covering systems thinking and implementation.

---

Tools, Checklists & Templates

1. Design System Tools – Tools, frameworks, and everything you need to build your system.
2. Design System Checklist – A practical checklist to guide your team from planning to rollout.
3. Design System Roadmap – A step-by-step roadmap to help plan your system like a product.
4. UI Guideline – A dense library of best practices for building consistent UIs.
5. UI Playbook – Visual documentation and guidance for standard UI components.
6. The Design System Guide – A beginner-friendly breakdown of what goes into a system.
7. Design System in Figma – A complete walkthrough to build and maintain your system using Figma.

---

Learning & Strategy

1. How to Build a Design System – A complete guide from color tokens to documentation.
2. Your Introduction to Design Systems – A free course to get familiar with design system fundamentals.
3. Design System Tactics – Bite-sized tips to help you maintain and scale your system.
4. Figma Variables Guide – Understand Figma’s newest power feature in depth.
5. Neurodiversity Design System – A system designed to support accessible learning experiences for everyone.
6. Picking Parts, Products, and People – A thoughtful article on building design systems that scale with your team.

---

Books on UX

🎧 Design Podcasts to Learn on the Go

Whether you’re commuting, taking a break, or need creative fuel, these podcasts deliver intelligent, inspiring conversations from the world of UX, product, and design culture.

1. Design Matters – The original design podcast. Deep, thoughtful conversations about creativity and culture.
2. The User Experience Podcast – Quick, actionable UX insights you can use.
3. Yo! – Lively chats with designers, developers, and creative builders carving their path.
4. Design Details – Honest, biweekly convos about the craft and culture of design.
5. Dive Club – A podcast and article series for designers who never stop learning.
6. Full Stack Whatever – Real talk with technologists and creatives about the work behind the work.
7. Beyond UX Design – Jeremy Miller shares what it takes to build great software experiences.
8. Design Better – Conversations with the world’s top designers and creative leaders.
9. The Futur Podcast – Where design, business, and brand thinking collide — and evolve.

---

Advanced Product Design UX UI Resources

So, you’ve tackled the basics, picked up the lingo, maybe even figured out which corner of design you want to camp out in for a bit. Now? Keep going. The best thing you can do is soak up good thinking from smart people. High-quality ideas in, better work out.

High-Quality Content

1. Design Better — solid guides, deep dives, and practical tips from folks who know their stuff.
2. Ask Playbook — innovative frameworks and real-world advice.
3. Airbnb Design — one of the best behind-the-scenes looks at design at scale.
4. Farnam Street — more about thinking clearly than design per se — but honestly, that’s half the battle.
5. Design.Google — insights straight from the people shaping your favorite products.
6. UXPin Free Ebooks — generous, free, and surprisingly good.
7. UsabilityHub Blog — bite-sized testing and research nuggets.
8. Alexa Haus — UX for voice — different rules, same game.
9. Algorithms.Design — complex, but worth a peek.
10. Voiceflow — if you’re curious about voice and conversation design.
11. AI and The Future of UX — because this space is moving fast. Stay curious.

---

Brand Design Resources

Branding is more than just a good-looking logo — it’s how people feel when they think of you. These resources will help you build strong visual identities, craft consistent experiences, and tell stories that stick.

1. Branding Resources Showcase – More Than a Logo—Stories, Systems, and the Thinking behind it all.
2. Rebrand Gallery – A curated collection of brand transformation videos to spark your next significant refresh.
3. Branded in Memory – A fun study on how well people remember famous logos.
4. Deck Gallery – Explore presentation decks that blend strong branding with clean storytelling.
5. Brand Guidelines – An extensive collection of real-world brand guidelines for reference.
6. Logggos – A visual archive of creative logo designs from across the web.
7. Activation Ideas – Tactics for launching brands, creating experiences, and driving engagement.
8. The Essential Design – Beautiful brand inspiration with a focus on identity and tone.
9. Visual Journal – Fresh branding inspiration pulled from real creative projects.
10. Logo System – A thoughtful library of logo systems used by top-tier brands.

---

Practice Makes Perfect

Sharpen your UX/UI skills with real prompts, design sprints, and challenge generators. Whether you’re building your portfolio or just trying to stay sharp, these resources make practice fun and practical.

Daily Design Challenges

1. Daily UI – 100 bite-sized UI challenges delivered to your inbox daily.
2. Daily UI/UX Design Challenges – Receive fresh prompts every day via email to improve your overall design skills.
3. UX Design Challenges – A curated list of UX tasks designed to make you think like a real product designer.

Random Brief Generators

1. Goodbrief – Randomly generated design briefs — great for warm-ups or full portfolio pieces.
2. Fake Clients – Simulates real client briefs across design disciplines.
3. Sprint Cards – Get randomized prompts to run your design sprint sessions.
4. UI Coach – Random UI-focused design challenges to level up your visual design work.

Deep-Dive Exercises

1. Product Design Exercises – A collection of 50 practical product design challenges.
2. UX Challenge – Real-world UX problems pulled from live products, perfect for case studies.

Design Career Resources

Starting or growing a design career isn’t always straightforward. These resources share real stories, practical tools, and career advice to help you navigate interviews, portfolios, and everything in between.

1. Lover’s Magazine – Honest, insightful interviews with top designers from around the world.
2. The Interview Kit – A clear, step-by-step guide to help you prep for product design interviews.
3. Workspaces XYZ – A peek inside the desks and creative setups of designers and makers.
4. Playbook – A community-built collection of tools and advice to grow your design career.
5. Navigating a Design Career – Lessons and milestones shared by seasoned designers.

📬 Design Newsletters Worth Subscribing To

Design evolves fast — these newsletters help you keep up. From Figma tips to product strategy to pure creative inspiration, there’s something here for every kind of designer.

1. Lenny’s Newsletter – Weekly advice on product, growth, and career moves from someone who’s been there.
2. UX Design Weekly – The best UX reads of the week, handpicked and sent to your inbox.
3. Hey Designer – A crowd favorite among product folks, UXers, and design engineers.
4. Figmalion – A curated round-up for Figma lovers and design tool nerds.
5. Department of Product – Smart updates on tools, trends, and product thinking.
6. Smashing Mag Newsletter – Front-end, UX, and web tips delivered with heart by Vitaly Friedman.
7. Today in Design – Weekly updates on news, events, and resources across the design world.
8. UI Prep – Five practical Figma and design system tips every Friday by Molly Hellmuth.
9. Dense Discovery – Mindful, high-quality links filtered from the internet noise.
10. UX Collective – Essays and perspectives that challenge how you think about design.
11. Dan Mall’s Newsletter – Bite-sized lessons on design systems, workflows, and leadership.
12. It’s Nice That – Stay inspired with creative stories and standout work from around the globe.
13. Nielsen Norman Group Newsletter – Trusted UX articles and upcoming training in your inbox weekly.
14. Baseline Design – Real-life lessons from a solo design systems expert, Joey Banks.
15. The Desk Reading Club – Thoughts and blog posts from designer Tobias Van Schneider.
16. Products That Count – Product thinking and insights to help you build something people want.
17. Product Collective – Tools, frameworks, and product-building methods that work.
18. Marketing Design Dispatch – Weekly inspiration for marketers who care about great design.
19. Design Modo Newsletter – Industry articles, UI kits, tools, and product design inspiration.

Books on Business, HCI & More

The Culture Code — Daniel Coyle
Why some teams click and others don’t.

The Infinite Game — Simon Sinek
Work like you’re building for the long run.

Radical Candor — Kim Scott
How to say what needs saying, without being a jerk.

$100M Offers — Alex Hormozi
Technically more business than UX, but super practical if you ever want to sell an idea (or yourself).

Web Design Inspiration

Always, always keep your eyes open. Trends pop up fast — so watch, spot, borrow, remix. Stay sharp.

1. UIUXshowcase — Curated design Inspirations and tools.
2. Httpster — cool sites, nice shots of modern web.
3. Minimal Gallery — all about clean design.
4. Godly.website — web wow-factor overload.
5. Hoverstat.es — clever interfaces.
6. Really Good Emails — email design that doesn’t suck.
7. SaaSFrame — inspiration for SaaS stuff.
8. Product Hunt — see what’s new before it’s old.
9. Landingfolio — great landing page ideas.
10. App Fuel — mobile design inspo.
11. Refero — intelligent curation.
12. Pafolios — best design portfolio examples and case studies for Product, UI/UX, Creative Designers.
13. Curation of Curations – Netflix, but for design and entrepreneurship.
14. Dribbble – a range of design inspiration from designers around the world.
15. Behance – a comprehensive platform to help hirers and creators navigate the creative world from discovering inspiration to connecting.
16. Layers – share work, connect with other designers, discover jobs, and get hired.
17. No-Code Supply Co. – top designer, developer, and AI inspiration, resources, and tools hand-picked daily.
18. Design Vault – UI and landing page design inspiration from real products.
19. Figmalion – a curated collection of design resources and a weekly roundup of news in Figma and the design tools community.

---

More Resources Updates Regularly

• Tools & Templates: Figma plugins, UI kits, Framer Templates— all tried and tested.
• Learning & Tutorials: A rich selection of design tutorials, case studies, UX research links, and branding lessons.
• Design Inspiration: Mockups, animation libraries, logo galleries, and design archives you want to bookmark.
• AI Resources: A whole category dedicated to design-ready AI tools, from image generators to GPT-powered wireframes.
• Career & Freelancing: Remote jobs, freelance platforms, and resources to help designers launch or grow their careers.
• Branding & Marketing: Handpicked tools and strategies for SaaS founders, marketers, and brand builders.

Design Resource Libraries

Looking for high-quality templates, tools, or UI kits? These libraries are packed with curated assets to help you move faster, design smarter, and stay inspired.

1. The Vault – Nguyen Le’s stash of helpful design resources.
2. UX Gears – A mix of top digital design and AI tools for designers and founders.
3. Free Design Stuff – A library of free, high-quality resources you can use for both personal and commercial projects.
4. Digital Creator HQ – Discover top tools and inspiration for digital creators.
5. Fountn – Carefully selected and reviewed resources by senior designers.
6. Design Directory – An extensive list of UI, UX, and design websites, all in one place.
7. OMG LORD – Gabby Lord’s curated design directory and newsletter packed with creative finds.
8. Designer Daily Report – All things design, condensed into 5-minute daily reads.
9. Good Design Tools – A giant directory of 400+ tools for UI, UX, branding, and beyond.
10. Christine’s Resources – Christine Vallaure’s collection of UI/UX go-to resources.
11. UI Goodies – A solid round-up of design tools and inspiration for UI/UX designers and developers.
12. Ultimate 450+ Websites Directory – A huge Notion page of useful design links curated for freelancers and solopreneurs.
13. 200+ UX Resources & Bookmarks – A collection of UX links made with love by Simonas Maciulis.
14. Start Here, Designer! – Krisztina Szerovay’s curated list of tools for new and growing designers.
15. Design Resources – A library of 300+ tools and websites for every design need.
16. Evernote Design – One clean place to bookmark and organize your favorite design links.
17. Free Resources – A growing, no-fluff design resource list curated by Craig Barber.
18. Felix’s Designer Handbook – A Notion-based design playbook of helpful tools and inspiration.
19. UI8 – Premium UI kits, templates, and creative resources used by tech startups and busy designers.

UI Design Inspiration

Great design often starts with a spark. These curated libraries and pattern galleries offer real-world examples, clever UI details, and component-level inspiration to help you bring your ideas to life.

1. Mobbin – 300,000+ mobile and web app screens from real products, all fully searchable.
2. UX Archive – Dive into real mobile user flows to study how great apps handle core tasks.
3. Design Spells – A magical mix of micro-interactions and delightful details that bring life to the web.
4. UIverse – Free, customizable UI elements built with CSS and Tailwind, made by the community.
5. Buttons Cool – A fun and practical collection of CSS buttons you can copy and tweak.
6. Interface Index – UI elements pulled from top SaaS and B2B platforms to spark ideas.
7. Call to Inspiration – UI design screenshots organized by patterns like onboarding, pricing, and more.
8. Navbar Gallery – A curated collection of beautiful navbars for web and mobile.
9. Collect UI – Daily UI inspiration pulled from around the web and the Daily UI archive.
10. Little Big Details – Subtle touches in UI that often go unnoticed — but matter.
11. Viewport UI – A clean gallery of well-crafted UI experiences, great for visual reference.
12. Stack Sorted – A unique take: UI components sorted by category so you can study just what you need.
13. UI Patterns – Time-tested interface patterns that help you solve common design problems.
14. Empty States – Explore clever, user-friendly UI designs that appear when there’s no content or data.
15. Interface Watch – A growing visual archive of UI patterns from WatchOS apps.
16. UI Goodies – A curated toolkit of design resources and inspiration for designers and developers.
17. Design Patterns – Real product examples showcasing reusable UI patterns in action.

🎬 Motion Design Resources

Good motion design brings interfaces to life — making them feel smooth, intuitive, and human. These resources explore animation principles, UI motion techniques, and tools that’ll help you add movement with purpose.

1. Motionimo – A free hub for motion design tips, references, and visual inspiration.
2. The Power of Motion Guidelines in Digital Products – Why motion matters in product design and how to use it with intention.
3. Invisible Details of Interaction Design – Deconstructing interaction design using clever metaphors and real-world parallels.
4. Web Interactions Gallery – A showcase of animated UI elements, hover effects, and thoughtful transitions.
5. Details Matter – A handpicked gallery of satisfying app and web micro-interactions.
6. Bezier Curves – Understand the logic behind Bézier curves for smoother animations and cleaner transitions.
7. Creating Usability with Motion – Learn when (and when not) to use motion in your UX flow.
8. Zajno Motion – A beautiful breakdown of the 12 classic animation principles, adapted for UI.
9. The Ultimate Guide to Proper Use of Animation in UX – Guidelines and examples on using animation to guide users, not distract them.
10. Great Animations – A practical walkthrough of what makes an animation feel good in a UI.
11. App Motion – Explore smooth motion examples in mobile apps, organized and searchable.

---

---

One Last Thing…

If you’ve made it this far — seriously, hats off. That’s a lot to take in, and honestly, it’s not meant to be consumed in one sitting. 

Think of this as a reference, not a race. Come back to it when you’re stuck, bored, curious, or need a reminder that there’s always something new to explore.

UX and product design aren’t just skills you pick up once and call it done — they’re ongoing conversations. 

Between you and your users. Between you and your team. And sometimes, between you and yourself at 1 a.m., wondering if the button should be that shade of blue.

So learn deeply, experiment often, and stay humble. The best designers I know are the ones who never stop asking questions — even the basic ones. Especially the basic ones.

And hey, if something here helped, inspired, or even just distracted you for a bit — I’ll call that a win.

See you out there.