Hey Product Hunt! 👋 How much time did you spend last sprint looking for UI references? Digging through Twitter, Dribbble, Mobbin, just to find one good example of how a top app handles a checkout flow or an empty state? We built Mockly to kill that habit. Mockly is a design reference library with real UI flows from the world's best apps: searchable, exportable to Figma, and now exportable to Claude Code. Here's what you can do: > Search by intent, not by app name. > Type "paywall with toggle" or "onboarding with permission request" and get the exact screens you need. Filtered by platform, UI component, and flow type. > No app dumps, no noise. Export any flow to Figma in one click. > Select a flow, hit export. Every screen lands in your Figma file, organized and ready to use as reference, right next to your designs. No screenshots, no manual work. Export the design system to Claude Code. >This is the one people didn't expect. Pick any app flow, and Mockly's AI analyzes the screens and generates the design system documentation in Markdown: colors, components, patterns, spacing logic. Paste it straight into Claude Code and build with real-world design context from day one. Weekly free spotlight. > Every Monday, the 10 most-liked flows of the week unlock for everyone. No paywall. Always fresh, always rotating. Collections & annotations. > Save flows by theme, drop notes on screens as you research, and share a public link with your PM or devs before a pixel is touched. Free to start. Pro is $6/month. No credit card required. We'd love to know what app or flow pattern would you want to see in the library first?

Mockly

Real UI flows from top apps, straight to Figma and Claude

Real UI flows from top apps, straight to Figma and Claude