Refero

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에서 작업하는 디자이너가 실제 제품 화면을 워크스페이스에 직접 가져와 참조로 사용하여 와이어프레임 작업을 가속화하고 추측을 줄입니다.

자주 묻는 질문