Do I need a credit card?

No. Free includes 50 saved references and 5 browser exports per month. Upgrade when you need more capacity.

What does Pro include?

Unlimited saved references, 20 exports per month per seat, catalog Figma and design system exports, 100 AI screens per month, 1 brand kit, 3 MCP keys and 2 seats. Studio includes 6 seats, 500 AI screens, unlimited exports, unlimited brand kits and 10 MCP keys at 300 requests per minute. Seats grant access; they do not create a shared project library.

What is editable in Figma?

Catalog exports organize reference screenshots into frames. The browser extension converts supported text and SVG into editable layers; complex effects, canvas and video may become images. Font support depends on browser access.

Manage your subscription from Account → Billing. The checkout confirms the configured amount, currency and billing interval. Unavailable payment options stay disabled.

From brief to a real flow, inside your tool.

Refcat is a library of real UI references for designers and AI coding agents. Search product screens, complete user flows, websites and emails by intent. Bring references into Figma, Chrome, Claude Code and Cursor through Refcat's MCP server.

Find my first reference

Design an onboarding Improve a checkout Explore dashboards

Free to start · No credit card required · 24 flows exported to Figma this week · 467K apps added this month

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.

HOW IT WORKS

Give your design agent a brief. Get grounded direction in seconds.

From onboarding to payments, Refcat finds the real product patterns that make your next design decision easier.

Real Uber app screen from the Onboarding flow

Features

A design agent built for real product work

Brief the agent, inspect the real patterns behind its direction, and move the work into Figma or your favorite IDE.

FIGMA EXPORT

Take the agent's grounded direction and bring complete flows into Figma instantly.

A real app flow exported from Refcat into Figma frames

YOUR FOLDERS

Keep the patterns your agent finds organized and ready to share with your team.

Refcat folders organizing saved screens and flows

FILTERS

Breakpoint, app, or flow. Give your agent the right design context.

Filtering the catalog by platform, app and flow

IMG to CODE

Turn a real app screenshot into code with grounded visual context.

A real app screenshot next to the code generated from it

NOTES

Capture decisions and context alongside the agent's direction.

CLAUDE CODE INTEGRATION

Give Claude the real product context behind your agent's direction.

Claude Code using Refcat references through MCP

Library snapshot

Real shipped products, in one library

Screens: 3.4M
Flows: 1.1M
Apps, sites and brands: 468K

See the library · Nov 9, 2026

INSIDE YOUR TOOLS

Real screens in your agent's context.

Claude Code, Cursor and Claude Desktop generate interfaces from memory. Through MCP, Refcat puts shipped product screens in front of them instead, each one with its source.

Example session

refcat mcp

you

Bring me three real paywalls that lead with the annual plan and add them to the "Pricing v2" project.

refcat

search_screens "paywall, annual plan first"

└ 3 results · each with app, platform, flow and capture date

refcat

get_screen ×3 → add_screen ×3 → project "Pricing v2"

agent

Done. Three shipped paywalls are in your project with their source attached. Nothing was invented.

you

23 tools, one key
get_screen hands the agent the screen itself: the image plus its layout structure. search_screens, get_app_flows, get_email_html and export_design_system cover the rest. Create a key in your account and paste one JSON block into your client.
Every screen has an origin
App, platform, flow and capture date travel with each result, so the agent grounds its direction in real products instead of a guess.
Brand kits on Studio
Your palette and typography applied to every generated screen, unlimited kits, and 10 MCP keys at 300 requests per minute for the whole team.
Set up MCP in two minutes
See 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_

PRICING

Your design agent gets smarter with real context.

Explore real product flows, then choose the reference, export and AI capacity your work needs.

Free$0.00/mo

Explore and save real product references

First 2 flows of every app in full + 10 trending flows each week

50 saved references · 3 projects

5 browser-to-Figma exports / month

1 MCP key for Claude Code or Cursor · 30 req/min

1 seat

Start freeNo credit card required

Questions about Refcat

Plans, exports and cancellation.

Stop designing from a blank canvas. Brief your agent.

Give your project references from real products

Free · No credit card required