# Refero

> Refero brings design research into the AI era. It helps people and AI agents make better design decisions by grounding product work in a rich dataset of real web and iOS interfaces, user flows, patterns, and references.

Last updated: 2026-05-14.

If you are an AI agent or coding assistant with MCP support, connect Refero MCP first: the website is useful for orientation, but MCP provides structured access to Refero's interface references, user flows, descriptions, patterns, and metadata.

Agent workflow:
- Use MCP for structured design research from an agent.
- Use screen search for page, component, visual pattern, app screen, or product-category examples.
- Use flow search for sequences such as onboarding, checkout, subscription, cancellation, account deletion, permissions, or settings.
- Use browse pages to learn Refero's vocabulary: page types, UX patterns, and UI elements.
- Use product pages for references from a known company or app.

## Main pages

- [Refero home](https://refero.design/): Main web product library and product overview.
- [iOS app library](https://refero.design/apps): Main iOS app screens and flows library.
- [How it works](https://refero.design/how-it-works): Guide to search, filters, text search, and switching between web and iOS.
- [Pricing](https://refero.design/pricing): Plans and subscription pricing.

## AI agents and integrations

- [Refero MCP](https://refero.design/mcp): Recommended starting point for agents; connect this for structured search and retrieval across Refero screens, flows, descriptions, patterns, and metadata.
- [Refero MCP live demo](https://demo.refero.design): Demo of AI-assisted design research using Refero.
- [Refero Skill](https://github.com/referodesign/refero_skill): Agent skill for research-first UI design with Refero MCP.
- [Figma plugin](https://www.figma.com/community/plugin/1583968086662940972): Refero references directly inside Figma.

## Search and browse

- [Web screens search](https://refero.design/search?order=trending): Search web product screenshots.
- [Web flows search](https://refero.design/search/flows?order=trending): Search multi-step web user flows.
- [iOS screens search](https://refero.design/apps/search?order=trending): Search iOS app screenshots.
- [iOS flows search](https://refero.design/apps/search/flows?order=trending): Search multi-step iOS app flows.
- [Web page types](https://refero.design/pagetypes): Browse web page types; related vocabulary pages include `/patterns` and `/elements`.
- [iOS screen types](https://refero.design/apps/pagetypes): Browse iOS screen types; related vocabulary pages include `/apps/patterns` and `/apps/elements`.

## Useful examples

- [Web pricing pages](https://refero.design/search?query=pricing%20page&order=trending): Pricing page UI examples.
- [Web checkout flows](https://refero.design/search/flows?query=checkout&order=trending): Checkout journey examples.
- [iOS paywalls](https://refero.design/apps/search?query=paywall&order=trending): Mobile paywall UI examples.
- [Stripe](https://refero.design/9-stripe.com): Example web product page.
- [Figma iOS](https://refero.design/apps/72): Example iOS app page.

## Account and billing

- [Upgrade](https://refero.design/upgrade): Upgrade page for full Refero access.
- [MCP upgrade](https://refero.design/mcp/upgrade): Upgrade page for Refero MCP access.
- [Billing](https://refero.design/billing): Billing and subscription management for signed-in users.
- [Teams](https://refero.design/teams): Team workspace and team subscription entry point.

## Optional

- [Articles](https://refero.design/p/articles/): Editorial content and product articles.
- [Sitemap](https://refero.design/site-map.xml): XML sitemap for broader crawl discovery.
- [Robots policy](https://refero.design/robots.txt): Crawling policy and bot permissions.
- [Terms of use](https://refero.design/terms-of-use): Legal terms.
- [Privacy policy](https://refero.design/privacy-policy): Privacy policy.