Refto

Refto: A clean design inspiration hub for discovering beautiful websites and ideas.

What is Refto

Refero is a UI/UX design inspiration research platform that provides the largest web and iOS design reference library, featuring real product screenshots, perfectly organized to fuel creativity. The site not only showcases design cases but also provides powerful filtering and search functions, supporting filtering by Page Types, Flows, UX Patterns, UI Elements, Sites, Fonts, and other dimensions. The site also provides a Figma plugin that allows direct access to design references within Figma without switching tabs. The site offers both free and paid versions. Free users can access partial content, while paid users can access the full library and advanced features.

How to use Refto

Browse design references - View the latest design reference cases on the homepage, supporting web and iOS designs
Filter by page type - Use Page Types to filter, such as Dashboard, Product Page & Landing, Paywall & Subscription, Log In, Product Details, Profile & Account, 404 Page, etc.
Filter by user flow - Use Flows to filter, such as Signing Up & Onboarding, Exploring Tutorial, Logging In, Subscribing, Adding to Cart, etc.
Filter by UX pattern - Use UX Patterns to filter, such as Testimonials, Filter & Sorting, Reviews & Rating, Stats, Searching, etc.
Filter by UI element - Use UI Elements to filter, such as Dialog & Modal Window, Cards & Tiles, Color Picker, Map, Table, Tabs, etc.
Filter by font - Use Fonts to filter, such as Inter, San Francisco, Open Sans, Proxima Nova, Poppins, Roboto, etc.
Use Figma plugin - Install the Figma plugin to directly access design references within Figma without switching tabs

Refto Key Features

Largest Design Reference Library

Provides the largest web and iOS design reference library with real product screenshots

Multi-dimensional Filtering

Supports filtering by Page Types, Flows, UX Patterns, UI Elements, Sites, Fonts, and other dimensions

Figma Plugin

Provides Figma plugin to directly access design references within Figma without switching tabs

Real Product Screenshots

All references come from real products with high learning value

Perfectly Organized

Content is perfectly organized for quick access to needed design references

Weekly Updates

The site updates weekly to maintain content freshness

Refto Use Cases

Design Reference Search

Quickly find relevant design references when designing and developing specific pages or features

User Flow Learning

Learn design methods for various user flows by viewing Flows

UX Pattern Reference

Learn design methods for various UX patterns by viewing UX Patterns

UI Element Learning

Learn design methods for various UI elements by viewing UI Elements

Font Selection Reference

Understand how different fonts are applied in real products by viewing Fonts

Refto Pros & Cons

Pros

Largest design reference library with extremely rich content

Multi-dimensional filtering system supporting multiple filtering methods

Figma plugin to improve work efficiency

Real product screenshots with high learning value

Perfectly organized for quick finding

Weekly updates to maintain content freshness

Cons

Some advanced features require payment

Large content library may require more time to browse

Figma plugin requires paid version

Lack of detailed design tutorials and production guidance

Refto FAQ

Q1: Is Refero free?

The site offers both free and paid versions. Free users can access partial content, while paid users can access the full library and advanced features, including the Figma plugin, etc.

Q2: How to filter by page type?

Use Page Types to filter, you can select page types such as Dashboard, Product Page & Landing, Paywall & Subscription, Log In, Product Details, Profile & Account, 404 Page, etc.

Q3: How to use the Figma plugin?

Install the Refero plugin in Figma to directly access design references within Figma without switching tabs, improving work efficiency.

Q4: How often is the site updated?

The site updates weekly to maintain content freshness.