About

Refero Design is a design reference library that collects screenshots of real web products and iOS apps so designers can research how other companies have solved specific interface problems. Instead of browsing unrelated sites one by one, users can search a large indexed archive of screens and multi-step user flows covering areas such as onboarding, checkout, paywalls, settings, and account deletion.

The service describes itself as a collection of tens of thousands of UI/UX references with advanced search capabilities. It organizes content by page types, UX patterns, UI elements, and known products, and it also supports AI-assisted research through an MCP server, a ChatGPT/Codex plugin, a Figma plugin, and a downloadable agent skill. Pricing follows a subscription model, with plan details on the official pricing page.

Key Features

Web and iOS screen search: Users can search screenshots of web product pages and iOS app screens, filtered by trending order, page type, or product category.

User flow collections: Multi-step flows such as onboarding, checkout, subscription, cancellation, and account deletion are grouped so whole journeys can be studied, not just single screens.

Structured browsing vocabulary: Browse pages for page types, patterns, and elements help users learn Refero's classification system and discover references by concept rather than by company.

Product pages: Known companies and apps, such as Stripe, have dedicated pages gathering their screens and flows in one place.

Refero MCP server: An MCP endpoint at `https://api.refero.design/mcp` gives AI agents structured access to styles, screens, flows, patterns, and metadata; it requires a paid plan.

Figma plugin: References can be pulled directly into Figma, keeping research next to design work.

ChatGPT and Codex plugin: Refero MCP and its agent skill can be installed together from the OpenAI Plugins Directory without manual MCP configuration.

Pricing & Fees

Pricing: Not publicly listed on the pages we reviewed; check the official site for current plans.
Free vs. paid: Live research through MCP and the ChatGPT/Codex plugin requires a paid Refero plan; the website itself can be browsed for orientation.
Team support: A teams page offers a shared workspace and team subscription entry point.
Platforms: Accessible on the web, with dedicated libraries for web products and iOS apps, plus Figma integration.

Who It's For

Refero Design is aimed at product designers, UX researchers, and front-end developers who need concrete examples of how other products handle specific screens or flows. It suits teams benchmarking patterns such as pricing pages or mobile paywalls before designing their own, as well as developers using AI coding assistants who want structured design references delivered through MCP. Product managers reviewing competitive interfaces and agencies assembling references for client work are also natural users.

FAQ

What is Refero Design?Refero Design is a searchable library of UI/UX references built from real web product and iOS app screenshots, including complete user flows and structured metadata.

Is Refero Design free?The website can be browsed for orientation, but live AI-assisted research through Refero MCP and the ChatGPT/Codex plugin requires a paid plan; exact prices are listed on the official pricing page.

Does Refero Design work with Figma?Yes, Refero offers a Figma plugin available through the Figma Community directory that brings references directly into the design canvas.

Can AI agents use Refero Design?Yes; Refero provides an MCP server, an agent skill, and a combined ChatGPT/Codex plugin so AI assistants can perform structured design research.

What kinds of design examples does Refero Design include?The library covers web and iOS screens plus multi-step flows such as onboarding, checkout, subscriptions, cancellations, permissions, and account deletion.

About

Key Features

Pricing & Fees

Who It's For

FAQ

Reviews (0)

Would you recommend Refero Design? Leave a comment

Related Tutorials

Related Tools