Refero

페이지 유형, UX 패턴, 회사 또는 자연어로 검색 가능한 구조화된 실제 제품 인터페이스 라이브러리 — 디자이너와 AI Agent 모두를 위해 구축되었습니다.

커뮤니티:

UI 및 UX 디자인 AI 디자인 보조 연구 도구

웹사이트 방문

Atoms - AI로 코드 없이 웹사이트·앱 제작

Atoms

Sponsor

코딩 없이 몇 분 만에 아이디어를 검증하고, 웹사이트와 앱을 만들며, 첫 고객을 확보하세요.

개요
대안
분석

Atoms - AI로 코드 없이 웹사이트·앱 제작

제품 개요

Refero이란 무엇인가요?

Refero는 페이지 유형, UX 패턴, UI 요소, 사용자 플로우, 폰트별로 정리된 10만+ 실제 웹 및 iOS 제품 화면의 엄선된 컬렉션을 제공하는 디자인 리서치 플랫폼입니다. 개념적 작업을 보여주는 영감 갤러리와 달리, Refero는 실제 출시된 제품의 화면만을 특별히 다루어 무드보드가 아닌 실용적인 참조 도구가 됩니다. UX/UI 디자이너, 제품 매니저, 그리고 디자인 결정을 내리기 위해 실제 인터페이스 데이터가 필요한 AI Agent를 위해 서비스합니다.

주요 기능

대규모 실제 제품 화면 라이브러리
실제 웹 및 iOS 제품에서만 수집한 10만+ 엄선된 스크린샷을 페이지 유형, 업계, UI 컴포넌트별로 정리하여 제공하며, 매주 새로운 콘텐츠로 업데이트됩니다.
UX 플로우
회원가입, 온보딩, 결제, 계정 관리 플로우를 포함한 엔드투엔드 사용자 여정 맵으로, 디자이너가 개별 화면이 아닌 전체 상호작용 시퀀스를 연구할 수 있게 합니다.
세밀한 검색 및 필터링
페이지 유형, UX 패턴, UI 요소, 회사, 업계 또는 자연어로 검색하고, 플랫폼(웹 또는 iOS) 필터로 정확히 필요한 것을 찾을 수 있습니다.
UX 패턴 및 UI 요소
추천 캐러셀과 결제 플로우부터 스켈레톤 로더와 내비게이션 바까지 87+ UX 패턴과 69+ UI 요소를 정확한 참조를 위한 기술 메타데이터와 함께 태그했습니다.
폰트 참조 라이브러리
실제 제품의 수천 가지 폰트 구현을 사용 통계, 페어링 추천, 반응형 디자인 적용과 함께 카탈로그화했습니다.
Figma 플러그인 및 MCP 서버
Figma 내에서 직접 실제 제품 참조를 삽입하거나, MCP를 통해 AI Agent를 연결하여 디자인 결과물을 생성하기 전에 실제 출시된 인터페이스를 연구할 수 있습니다.

사용 사례

UX/UI 디자인 리서치 : 디자이너가 자신의 작업을 실제 출시된 제품과 벤치마킹하여 최고의 회사들이 대시보드, 페이월, 온보딩을 어떻게 처리하는지 수십 개의 앱을 수동으로 찾아보지 않고도 알 수 있습니다.
경쟁사 및 패턴 분석 : 제품 매니저와 디자이너가 업계 동료들이 특정 플로우를 구성하거나 반복되는 UI 패턴을 구현하는 방법을 실제 제품 증거를 바탕으로 감사할 수 있습니다.
AI 지원 디자인 워크플로우 : AI Agent가 MCP를 통해 연결되어 실제 제품 인터페이스에 기반한 결과물을 생성하므로, 코드나 프로토타입 생성 중 환상적이거나 일반적인 디자인 제안을 줄입니다.
타이포그래피 및 시각적 일관성 : 폰트 선택을 탐구하는 팀이 인기 제품들이 다양한 기기에서 특정 서체를 어떻게 구현하는지 참조하여 더 정보에 기반한 일관된 디자인 시스템을 지원합니다.
빠른 프로토타이핑 참조 : Figma에서 작업하는 디자이너가 실제 제품 화면을 워크스페이스에 직접 가져와 참조로 사용하여 와이어프레임 작업을 가속화하고 추측을 줄입니다.