Refero
Searchable reference library of real web and iOS product screens and flows, updated weekly. Has a Figma plugin and MCP.
Resources & Tools for Product Designers
A working set for product designers at SaaS and AI companies. It covers references from real products, systems and kits to build on, AI tools that get you to a testable prototype sooner, and the research and case studies that sharpen product judgment.
Product References
See how established SaaS and mobile products solve the screens and states you're designing.
SaaS and App Screens
Nicelydone
200k+ screens, flows and in-context components from 500+ SaaS apps. Search by on-screen text and export to Figma.
SaaSFrame
SaaS UI and website examples by page type (dashboards, billing, tables, AI pages). Pro adds Figma file downloads.
Mobbin
Real-world screens and flows from leading iOS, Android and web apps, searchable by pattern.
Page Flows (formerly Screenlane)
Recorded user flows and screens from real products, for understanding how UX flows work end to end.
Patterns and Details
Checklist Design
Best-practice checklists for pages, components and flows like login, pricing and payments. Use before handoff or critique.
Dashboard Design Patterns
Research-based pattern library for dashboard layout, structure, interaction and data representation. Great for planning.
Design Spells
300+ delightful micro-interactions, transitions and easter eggs from real products. Reach for it when a UI needs charm.
Detail
Curated small product decisions: interaction mechanics, motion, copy and accessibility details that make UIs feel crafted.
Systems and Components
Build on proven foundations and research how other systems handle a component before you spec it.
Kits and Libraries
Untitled UI
Figma design system with 10,000+ components and variants, a matching open-source React library and an icon set.
shadcn/ui
Open-source React components on Radix/Base UI and Tailwind that you copy into your codebase. The baseline for most SaaS UIs.
Figma Community UI Kits
Thousands of free and paid UI kits on Figma Community, including official kits from Apple, Google and Microsoft.
System References
The Component Gallery
60 components compared across 95 design systems, with 2,600+ examples. Research naming and patterns before you spec one.
Atlassian Design System
Atlassian's foundations, components and content guidelines. A strong reference for dense, collaborative SaaS interfaces.
Material Design 3
Google's design system, now with M3 Expressive. Reference for components, color roles, motion and Android patterns.
Apple Human Interface Guidelines
Apple's official guidance for iOS, iPadOS, macOS, watchOS and visionOS. Check it before designing any native Apple experience.
Prototype Faster with AI
Go from an idea to something clickable, then put it in front of real users.
AI Prototyping
Figma Make
Figma's prompt-to-app tool. Turns prompts or existing frames into working React prototypes without leaving Figma.
v0
Vercel's AI builder for React and Tailwind UIs and full-stack apps, with a visual Design Mode for fine-tuning.
Lovable
Chat-based full-stack app builder. Use it to ship clickable, data-backed prototypes and MVPs in hours.
Magic Patterns
AI prototyping that works from your design system and components, producing shareable flows and React code.
Google Stitch
Google's AI design canvas (formerly Galileo AI). Prompt multi-screen UI flows, then export to Figma or HTML/Tailwind.
Product Thinking
Research, discovery and case studies that improve the decisions behind the design.
Discovery and Research
Product Talk
Teresa Torres on continuous discovery, customer interviews and opportunity solution trees. Reach for it when setting up discovery.
Nielsen Norman Group
The best source to learn UX from: research-backed articles every week, plus paid training.
Dovetail
Research repository that auto-tags transcripts, clusters themes and answers questions with cited customer quotes.
Baymard Institute
Large-scale usability research on e-commerce, checkout and mobile UX. Free articles; paid benchmarks and guidelines for audits.
Case Studies and Principles
Growth.Design
Product psychology tips and insights told through comic-style case studies.
Built For Mars
UX audits, case studies and analysis in bite-sized content.
GoodUX by Appcues
Product UX teardowns plus the Behind the Experience podcast, for telling good UX from bad.
Laws of UX
Jon Yablonski's collection of UX laws and heuristics, each with related articles.
Stay Current
Follow the people and publications shaping how product design is practiced.
Listen and Read
Dive Club
Ridd's weekly interviews with top product designers on craft, AI workflows and design engineering.
Design Better Podcast
Weekly podcast since 2017 with design leaders on creativity, teams and building with AI.
Sidebar
Five hand-picked design links every weekday since 2012, now curated by UX Collective's Fabricio Teixeira.
UX Collective
Large independent publication on UX and product design, plus a weekly newsletter on industry shifts.
Figma Blog
Product launches, Config news and essays on craft and AI. Follow it to keep up with Figma's tooling.
Other toolkits
Weekly newsletter · Every Tuesday
New references, every Tuesday.
The newest additions to the library, three LDS picks worth revisiting and a category spotlight, in one short email.
Browse past issues