Reference UX
Point at the best, then build better
Capture a live product experience as a design reference. Say "make our form flow like Airbnb's host onboarding" and the agent captures, analyzes, and documents the reference so your team can build from it.
How it works
Point at a reference
Share a URL and describe what you admire about the experience. "I love how Stripe handles their pricing page layout."
Capture the experience
The agent walks through the reference product, capturing the flow, interactions, copy, and design patterns that make it work.
Get a reference document
Receive a structured breakdown of what makes the reference effective and how those patterns could apply to your product.
Point at a reference
Share a URL and describe what you admire about the experience. "I love how Stripe handles their pricing page layout."
Capture the experience
The agent walks through the reference product, capturing the flow, interactions, copy, and design patterns that make it work.
Get a reference document
Receive a structured breakdown of what makes the reference effective and how those patterns could apply to your product.
Why use Reference UX
Beyond screenshots
Captures the full experience — flow, micro-interactions, copy, and context — not just static images.
Shareable references
Turn "make it like X" into a structured document the whole team can work from.
Pattern extraction
Identifies the specific design decisions that make a reference work, not just what it looks like.
Feeds into prototyping
Reference documents flow directly into the design and prototyping phase as concrete inspiration.
When to use Reference UX
Multi-step form redesign
Your long form has high abandonment. You want to reference a product that does multi-step forms well.
Capture the Airbnb host onboarding flow. I want to understand how they break a complex form into friendly steps.
Onboarding inspiration
You are redesigning your onboarding and want to learn from products known for great first-run experiences.
Document how Figma onboards new users. Focus on progressive disclosure and the first "aha moment."
Dashboard layout reference
You need to design a data-heavy dashboard and want to see how best-in-class products handle information density.
Capture how Linear presents project status. I want to understand their information hierarchy and density choices.
More from your UX Researcher
See Reference UX in action
See how Reference UX turns design inspiration into structured, actionable reference documents.