신용카드가 필요한가요?

아니요. Free에는 레퍼런스 50개 저장과 월 5회 브라우저 내보내기가 포함됩니다. 더 많은 용량이 필요할 때 업그레이드하세요.

Pro에는 무엇이 포함되나요?

무제한 레퍼런스 저장, 시트당 월 20회 내보내기, 카탈로그 Figma 및 디자인 시스템 내보내기, 월 100개 AI 화면, 브랜드 키트 1개, MCP 키 3개, 시트 2개가 포함됩니다. Studio에는 시트 6개, AI 화면 500개, 무제한 내보내기, 무제한 브랜드 키트, 분당 300회 요청이 가능한 MCP 키 10개가 포함됩니다. 시트는 접근 권한을 부여할 뿐, 공유 프로젝트 라이브러리를 만들지는 않습니다.

Figma에서 무엇을 편집할 수 있나요?

카탈로그 내보내기는 레퍼런스 스크린샷을 프레임으로 정리합니다. 브라우저 확장 프로그램은 지원되는 텍스트와 SVG를 편집 가능한 레이어로 변환하며, 복잡한 효과, canvas, 동영상은 이미지로 변환될 수 있습니다. 폰트 지원 여부는 브라우저 접근 권한에 따라 다릅니다.

해지할 수 있나요?

계정 → 결제에서 구독을 관리하세요. 결제 페이지에서 설정된 금액, 통화, 결제 주기를 확인할 수 있습니다. 사용할 수 없는 결제 수단은 비활성화된 상태로 유지됩니다.

브리프에서 실제 플로우까지, 쓰던 도구 안에서.브리프에서 실제 플로우까지, 쓰던 도구 안에서.

AI 에이전트로 만드는 프로덕트 디자이너와 개발자를 위해. 출시된 제품의 실제 플로우를 Figma, Chrome, 에디터에서.AI 에이전트로 만드는 프로덕트 디자이너와 개발자를 위한 도구입니다. 디자인할 내용을 설명하고, 출시된 제품의 실제 플로우를 찾아 Figma, Chrome 또는 MCP를 통해 Claude Code와 Cursor로 가져오세요. 모든 화면에 출처가 남습니다.

온보딩 디자인하기 결제 흐름 개선하기 대시보드 둘러보기

무료로 시작 · 신용카드 필요 없음

작동 방식

디자인 에이전트에게 브리프를 주세요.

온보딩부터 결제까지, Refcat은 다음 디자인 결정을 쉽게 만들어 줄 실제 프로덕트 패턴을 찾아냅니다.

기능

실제 프로덕트 작업을 위해 만든 디자인 에이전트

에이전트에게 브리프를 주고, 제안된 방향 뒤에 있는 실제 패턴을 확인한 뒤 작업을 Figma나 즐겨 쓰는 IDE로 옮기세요.

FIGMA로 내보내기

에이전트가 안내한 플로우를 바로 Figma로 가져오세요.

내 폴더

에이전트가 찾은 패턴을 정리해 팀에 보내세요.

필터

브레이크포인트, 앱, 플로우. 에이전트에게 알맞은 디자인 맥락을 주세요.

이미지를 코드로

실제 앱 스크린샷을 근거 있는 시각적 맥락과 함께 코드로 바꾸세요.

노트

각 방향을 택한 이유를 기록해 두고 절대 잃어버리지 마세요.

CLAUDE CODE 연동

Claude에게 실제 디자인 맥락을 주고 UI를 개선하세요.

내 도구 안에서

에이전트의 맥락 속에 실제 화면을.

Claude Code, Cursor, Claude Desktop은 기억에 의존해 인터페이스를 만듭니다. Refcat은 MCP를 통해 출시된 프로덕트의 화면을 출처와 함께 제공합니다.

예시 세션

나 › 연간 플랜을 앞세운 실제 페이월 세 개를 찾아서 “Pricing v2” 프로젝트에 추가해 줘.

refcat › search_screens "페이월, 연간 플랜 우선"
결과 3개 · 각각 앱, 플랫폼, 플로우, 캡처 날짜 포함

refcat › 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.

I love not having to download apps, create accounts, and test everything manually just to understand the UI.

Gugel@gugeldev

I was genuinely surprised. Congratulations on the quality and care for users!

Rafael Coelho@coelho_lab_

So much fun. I spent hours looking through the references.

渡邉一輝（かじき@kzkwt7b

The folders feature finally made me use the references I collect.

Nathan Oliveira@NathanDev_

요금제실제 맥락이 있으면 디자인 에이전트가 더 똑똑해집니다.실제 제품 플로우를 살펴보고, 작업에 필요한 레퍼런스·내보내기·AI 용량을 선택하세요.

최대 10% 절약

Free$0.00/월

실제 제품 레퍼런스를 탐색하고 저장

미리보기 화면 + 매주 전체 플로우 10개

레퍼런스 50개 저장 · 프로젝트 3개

브라우저에서 Figma로 내보내기 월 5회

Claude Code 또는 Cursor용 MCP 키 1개 · 분당 30회 요청

시트 1개

무료로 시작신용카드 필요 없음

가장 인기

Pro$9.17/월

$110.00 연간 청구

매주 만드는 디자이너를 위해

무제한 레퍼런스 저장

시트당 월 20회 내보내기

Figma 및 디자인 시스템 내보내기

전체 플로우 기록

팀 공유 AI 화면 월 100개

브랜드 키트 1개 · MCP 키 3개(분당 120회 요청)

시트 2개 포함

업그레이드: Pro

언제든지 해지 가능

Studio$35.00/월

$420.00 연간 청구

팀 전체를 위한 무제한 브랜드 키트와 MCP

무제한 브랜드 키트: 생성되는 모든 화면에 브랜드 색상과 타이포그래피 적용

팀 전체를 위한 MCP 키 10개(분당 300회 요청)

무제한 내보내기 및 Pro의 모든 기능

시트 6개 포함

팀 공유 AI 화면 월 500개

업그레이드: Studio언제든지 해지 가능

USD · 세금이 부과될 수 있습니다. 결제 시 금액과 통화를 확인하세요.

Refcat 자주 묻는 질문

요금제, 내보내기, 해지 안내.

빈 캔버스에서 시작하지 마세요. 에이전트에게 브리프를 주세요.

실제 제품의 레퍼런스를 프로젝트에 더하세요

무료 · 신용카드 필요 없음

이용약관 개인정보 처리방침 쿠키

브리프에서 실제 플로우까지, 쓰던 도구 안에서.브리프에서 실제 플로우까지, 쓰던 도구 안에서.

디자인 에이전트에게 브리프를 주세요. 몇 초 만에 근거 있는 방향을 받아보세요.

디자인 에이전트에게 브리프를 주세요.

에이전트에게 브리프를. 딱 맞는 플로우를 몇 초 만에.

실제 프로덕트 작업을 위해 만든 디자인 에이전트

실제 프로덕트 라이브러리를 기반으로 한 AI 디자인 에이전트

근거 있는 에이전트의 방향을 바탕으로 전체 플로우를 바로 Figma로 가져오세요.

에이전트가 안내한 플로우를 바로 Figma로 가져오세요.

에이전트가 찾은 패턴을 정리해 두고 언제든 팀과 공유하세요.

에이전트가 찾은 패턴을 정리해 팀에 보내세요.

브레이크포인트, 앱, 플로우. 에이전트에게 알맞은 디자인 맥락을 주세요.

실제 앱 스크린샷을 근거 있는 시각적 맥락과 함께 코드로 바꾸세요.

에이전트의 방향과 함께 결정 사항과 맥락을 기록하세요.

각 방향을 택한 이유를 기록해 두고 절대 잃어버리지 마세요.

에이전트의 방향 뒤에 있는 실제 프로덕트 맥락을 Claude에게 전달하세요.

Claude에게 실제 디자인 맥락을 주고 UI를 개선하세요.

에이전트의 맥락 속에 실제 화면을.

도구 23개, 키 하나

모든 화면에는 출처가 있습니다

Studio의 브랜드 키트

Refcat 자주 묻는 질문

빈 캔버스에서 시작하지 마세요. 에이전트에게 브리프를 주세요.