For product designers and developers building with AI agents. Real flows from shipped products, in Figma, Chrome and your editor.For product designers and developers who build with AI agents. Describe what you are designing, find real flows from shipped products, and take them into Figma, Chrome or Claude Code and Cursor through MCP. Every screen keeps its source.
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.
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.
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.
App, platform, flow and capture date travel with each result, so the agent grounds its direction in real products instead of a guess.
Your palette and typography applied to every generated screen, unlimited kits, and 10 MCP keys at 300 requests per minute for the whole team.
Save up to 10%
$110.00 billed annually
For designers building every week$420.00 billed annually
Unlimited brand kits and MCP for the whole team
