The UX inspiration board: how to collect and organize UI patterns that you’ll actually reuse

Ask ten UX designers where they keep inspiration and you’ll get ten answers: a bursting Screenshots folder, a private Pinterest board, a Slack channel they DM themselves, a Notion page, forty browser tabs they’re afraid to close. The collecting is easy. The problem is retrieval. Six weeks later, when you’re staring at an empty-state that needs solving, none of it is where you’d look.

A real design inspiration board fixes the retrieval problem. It gives every pattern a home, keeps the source link attached, lets you annotate why it works, and shows up on whatever device you’re thinking on. This guide walks through what a UX inspiration board actually needs to do, why a whiteboard like FigJam or Miro isn’t built for the job, and how to set one up in DarkRef, a free, native reference board for iPhone, iPad, Windows, and macOS.

What a UX inspiration board needs to do

A swipe file for interface work is a specific tool, not a generic canvas. The jobs that matter:

• Capture fast, from anywhere. You find great UI on your phone as often as your desktop. Saving should take one tap, whether it’s a screenshot, a Dribbble shot, or a live product page.
• Keep the source link. A screenshot with no URL is half a reference. You want to get back to the real flow, read the microcopy, see the interaction.
• Explain itself. “Nice onboarding” is useless in three months. You need a note next to the image: what problem it solves, what you’d steal, what you’d change.
• Organize by pattern, not by date. Onboarding, empty states, pricing tables, nav, permissions, error handling, motion, these are the buckets you actually search by.
• Resurface on any device. You collect on your phone at night and design on a desktop by day. The board has to be the same in both places.
• Open up to the team. A pattern library is more valuable when your PM and engineers can see the reference behind a decision.

Why a whiteboard isn’t a reference library

FigJam and Miro are excellent, and if you run workshops, affinity maps, or journey exercises you should keep them. But they’re whiteboards: infinite canvases optimized for a live, in-the-moment session. They aren’t built to be a durable, browsable library you return to for years. Boards get spun up per project and archived when the workshop ends; screenshots pasted onto them clutter the canvas rather than filing themselves; and both lean web-first with per-seat paid plans (Miro runs around $10/user/mo), so a swipe file that outgrows their free plans becomes a line item.

The distinction is simple: a whiteboard is where a team thinks out loud once; an inspiration board is where you accumulate reference over time. Here’s how the two jobs compare.

If it’s specifically the whiteboard job you’re rethinking, we compared the options in the best FigJam alternatives. For a pattern library, read on.

Build your inspiration board in DarkRef

DarkRef is a reference board designed for exactly this: collecting visuals, keeping them organized, and syncing them everywhere. Here’s a workflow that turns scattered screenshots into a pattern library you’ll actually use.

• Paste the page, not just the picture. Drop a link to a competitor’s pricing page or a Dribbble shot and it becomes a clean preview card, the source stays one tap away, so you can revisit the real, interactive flow later.
• Crop to the component. Screenshotted a whole dashboard but you only care about the filter bar? Crop it down non-destructively. The edit lives on the board; your original screenshot is never altered and Reset restores it in a tap.
• Grayscale to study hierarchy. Convert a UI to grayscale to see how it establishes contrast and visual hierarchy without color doing the work, a genuinely useful trick for pulling apart why a layout reads well. It’s non-destructive, so the color version is still there.
• Annotate with rich sticky notes. Next to each pattern, leave a note in real formatting: what it solves, the interaction detail worth stealing, the accessibility gotcha. Bold the takeaway so future-you reads it in two seconds.
• Capture motion with YouTube. Interaction and transition references don’t fit in a static image. Paste a YouTube clip and trim it to the exact few seconds of the animation you’re studying.
• File by pattern. Make a board for each bucket you search by, onboarding, empty states, pricing, nav, forms, permissions, and group them in folders, so your library answers questions instead of just storing pictures.

Share patterns with your product team

Inspiration is more persuasive when the people you work with can see it. With DarkRef’s live boards, you can host a shared board and invite your PM, researcher, or engineers by email, everyone sees each other’s cursor move in real time as you arrange references. Invite people as editors or view-only (you stay the owner) so a stakeholder can browse the “why” behind a design decision without accidentally rearranging it.

Because DarkRef is native on iPhone, iPad, Windows, and macOS (plus a web app), it fits a mixed team, nobody is forced into one browser or one ecosystem. Viewing and joining a shared board is free for everyone; hosting and editing live boards is part of DarkRef Pro ($1.99/month or $19.99/year), which also adds cloud sync so your board is identical on every device you own.

Honest note: keep Figma for designing

Think of it as the layer before the artboard. You gather and interrogate reference in DarkRef, then design in Figma with that reference open on a second screen or your iPad. If what you actually need is a live collaborative whiteboard for workshops and flows, FigJam or Miro is the right tool, and again, this comparison covers that side.

Who each tool is best for

• You want a durable, searchable UI pattern library on every device: DarkRef.
• You run live workshops, journey maps, and affinity exercises: FigJam or Miro.
• You’re wireframing and prototyping the actual product: Figma.
• You want a private swipe file you also open on your phone and iPad: DarkRef, with native apps on both (DarkRef Pro keeps them in sync).

FAQ

What is a UX inspiration board?

A UX inspiration board (or design swipe file) is a curated collection of interface references, screenshots of UI patterns, links to real product flows, and notes on why they work, that you keep and revisit to solve design problems. Unlike a moodboard for a single project, it’s a lasting library you organize by pattern and return to over time.

Is DarkRef better than FigJam or Miro for collecting UI patterns?

For collecting and organizing a lasting library of references, yes, that’s the specific job DarkRef is built for, with preview cards, folders, and cross-device sync with DarkRef Pro. FigJam and Miro are whiteboards built for live workshops and per-project canvases; they’re great at that but aren’t designed to be a durable, browsable pattern library, and they lean per-seat and web-first.

Can I annotate why a design pattern works?

Yes. DarkRef’s rich sticky notes support bold, italic, underline, and lists, so you can leave real direction next to each reference, what it solves, the interaction detail worth stealing, the accessibility note, instead of a nameless screenshot you won’t remember later.

Can my product team collaborate on the same inspiration board?

Yes. With DarkRef’s live boards you can host a shared board and invite teammates by email as editors or view-only, and watch everyone’s cursor in real time. Viewing and joining is free for everyone; hosting and editing live boards is part of DarkRef Pro.

Is DarkRef free for UX designers?

Yes. DarkRef is free to download and use on iPhone, iPad, Windows, and macOS, and collecting links and screenshots, cropping, grayscale, sticky notes, folders, and YouTube embeds are all free. DarkRef Pro ($1.99/month or $19.99/year) adds hosting live boards and cloud sync across every device.