# Refero

> Refero brings design research into the AI era. It helps people and AI agents make better design decisions with curated visual styles, real web and iOS product screens, complete user flows, patterns, and structured metadata.

Last updated: 2026-09-05.

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 styles, screens, flows, descriptions, patterns, and metadata. The MCP server is `https://api.refero.design/mcp` and requires a paid Refero plan.

Agent workflow:
- Use styles for visual direction: typography, color, layout, spacing, surfaces, components, and imagery.
- 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 plugin for ChatGPT and Codex](https://chatgpt.com/plugins/plugin_asdk_app_6a72258e6f18819183e5c4d8a56b78d9): Install Refero MCP and Refero Skill together from the OpenAI Plugins Directory. No manual MCP config or separate skill installation is needed; live research requires a paid Refero plan.
- [Refero MCP](https://refero.design/mcp): Recommended starting point for agents; connect this for structured search and retrieval across Refero styles, screens, flows, descriptions, patterns, and metadata.
- [Refero MCP setup](https://doc.refero.design/mcp/getting-started.md): MCP server URL, authentication, supported clients, limits, and first searches.
- [Refero agent documentation](https://doc.refero.design/llms.txt): Machine-readable index of Refero MCP, tools, data model, examples, Skill, and product documentation.
- [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://doc.refero.design/legal/terms-of-use): Terms governing access to and use of Refero.
- [Privacy Policy](https://doc.refero.design/legal/privacy-policy): How Refero collects, uses, shares, and protects personal information.
- [Data Processing Addendum](https://doc.refero.design/legal/data-processing-addendum): Data processing terms for applicable Refero customer services.
- [Copyright Policy](https://doc.refero.design/legal/copyright-policy): How to request removal or report copyright concerns on Refero.