Free$0.00/월
실제 제품 레퍼런스를 탐색하고 저장모든 앱의 첫 2개 플로우 전체 + 매주 인기 플로우 10개
레퍼런스 50개 저장 · 프로젝트 3개
브라우저에서 Figma로 내보내기 월 5회
Claude Code 또는 Cursor용 MCP 키 1개 · 분당 30회 요청
시트 1개
무료로 시작신용카드 필요 없음
브리프에서 실제 플로우까지, 쓰던 도구 안에서.
AI 에이전트로 만드는 프로덕트 디자이너와 개발자를 위한 도구입니다. 디자인할 내용을 설명하고, 출시된 제품의 실제 플로우를 찾아 Figma, Chrome 또는 MCP를 통해 Claude Code와 Cursor로 가져오세요. 모든 화면에 출처가 남습니다.
무료로 시작 · 신용카드 필요 없음 · 이번 주 Figma로 내보낸 플로우 24개 · 이번 달 추가된 앱 47만개
YOUR STARTING POINT
Not sure where to start? Pick what you're designing.
Start with one task. Find a real flow, compare its steps and save a reference for your project.
- 1Open a flow that matches your task
- 2Compare the steps, not just the look
- 3Save the useful reference to a folder
Find my first reference
Start on Free. No credit card required.
다음 프로젝트를 위한
실제 제품 레퍼런스.
실제 제품 레퍼런스.
작동 방식
디자인 에이전트에게 브리프를 주세요. 몇 초 만에 근거 있는 방향을 받아보세요.
온보딩부터 결제까지, Refcat은 다음 디자인 결정을 쉽게 만들어 줄 실제 프로덕트 패턴을 찾아냅니다.
기능
에이전트에게 브리프를 주고, 제안된 방향 뒤에 있는 실제 패턴을 확인한 뒤 작업을 Figma나 즐겨 쓰는 IDE로 옮기세요.실제 프로덕트 작업을 위해 만든 디자인 에이전트
FIGMA로 내보내기
근거 있는 에이전트의 방향을 바탕으로 전체 플로우를 바로 Figma로 가져오세요.
내 폴더
에이전트가 찾은 패턴을 정리해 두고 언제든 팀과 공유하세요.
필터
브레이크포인트, 앱, 플로우. 에이전트에게 알맞은 디자인 맥락을 주세요.
이미지를 코드로
실제 앱 스크린샷을 근거 있는 시각적 맥락과 함께 코드로 바꾸세요.
노트
에이전트의 방향과 함께 결정 사항과 맥락을 기록하세요.
CLAUDE CODE 연동
에이전트의 방향 뒤에 있는 실제 프로덕트 맥락을 Claude에게 전달하세요.
라이브러리 현황
실제 출시된 제품을 하나의 라이브러리에
- 화면
- 339.1만
- 플로우
- 106.2만
- 앱, 사이트 및 브랜드
- 47만
라이브러리 보기 ·
내 도구 안에서
에이전트의 맥락 속에 실제 화면을.
Claude Code, Cursor, Claude Desktop은 기억에 의존해 인터페이스를 만듭니다. Refcat은 MCP를 통해 출시된 프로덕트의 화면을 출처와 함께 제공합니다.
나refcat
연간 플랜을 앞세운 실제 페이월 세 개를 찾아서 “Pricing v2” 프로젝트에 추가해 줘.
refcatsearch_screens "페이월, 연간 플랜 우선"
└ 결과 3개 · 각각 앱, 플랫폼, 플로우, 캡처 날짜 포함
get_screen ×3 → add_screen ×3 → 프로젝트 "Pricing v2"
에이전트완료했습니다. 출시된 페이월 세 개를 출처와 함께 프로젝트에 추가했습니다. 지어낸 것은 없습니다.
나도구 23개, 키 하나
get_screen은 화면 그 자체, 즉 이미지와 레이아웃 구조를 에이전트에 전달합니다. search_screens, get_app_flows, get_email_html, export_design_system이 나머지를 담당합니다. 계정에서 키를 만들고 클라이언트에 JSON 블록 하나만 붙여 넣으세요.
모든 화면에는 출처가 있습니다
모든 결과에 앱, 플랫폼, 플로우, 캡처 날짜가 함께 제공되므로, 에이전트는 추측이 아닌 실제 프로덕트를 근거로 방향을 제시합니다.
Studio의 브랜드 키트
생성되는 모든 화면에 팔레트와 타이포그래피를 적용하고, 키트는 무제한, 팀 전체를 위한 분당 300회 요청의 MCP 키 10개를 제공합니다.
- 2분 만에 MCP 설정하기Studio 보기
TESTIMONIALSOnce you try it, you won't research UI the old way again.
요금제
실제 맥락이 있으면 디자인 에이전트가 더 똑똑해집니다.
실제 제품 플로우를 살펴보고, 작업에 필요한 레퍼런스·내보내기·AI 용량을 선택하세요.Pro$10.00/월
매주 만드는 디자이너를 위해무제한 레퍼런스 저장
시트당 월 20회 내보내기
Figma 및 디자인 시스템 내보내기
전체 플로우 기록
팀 공유 AI 화면 월 100개
브랜드 키트 1개 · MCP 키 3개(분당 120회 요청)
시트 2개 포함
업그레이드: Pro
언제든지 해지 가능Studio$39.00/월
팀 전체를 위한 무제한 브랜드 키트와 MCP무제한 브랜드 키트: 생성되는 모든 화면에 브랜드 색상과 타이포그래피 적용
팀 전체를 위한 MCP 키 10개(분당 300회 요청)
무제한 내보내기 및 Pro의 모든 기능
시트 6개 포함
팀 공유 AI 화면 월 500개
업그레이드: Studio언제든지 해지 가능
Refcat 자주 묻는 질문
요금제, 내보내기, 해지 안내.빈 캔버스에서 시작하지 마세요. 에이전트에게 브리프를 주세요.
실제 제품의 레퍼런스를 프로젝트에 더하세요무료 · 신용카드 필요 없음
