close
Refcat

От брифа до реального флоу — прямо в вашем инструменте.

Для продуктовых дизайнеров и разработчиков, которые работают с ИИ-агентами. Опишите, что вы проектируете, найдите реальные флоу из выпущенных продуктов и перенесите их в Figma, Chrome или через MCP в Claude Code и Cursor. У каждого экрана сохраняется источник.

Бесплатный старт · Без банковской карты · Флоу, экспортированных в Figma за неделю: 24 · Приложений добавлено за месяц: 467 тыс.
Библиотека UI-референсов Refcat
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.

  1. 1Open a flow that matches your task
  2. 2Compare the steps, not just the look
  3. 3Save the useful reference to a folder
Find my first reference

Start on Free. No credit card required.

TumblrWithings Health MateNibbleHow We FeelWealthsimpleCulture TripHopperParamount+SlowlyMonzomonday.comOpenTableWolt DeliverySkyscannerCleoHouzzMessengerJumpropeRaribleSnapchatTaskRabbitInsight TimerRetroGooglePerplexityDropboxMeta QuestZillowStravaYouTube StudioEndelClubhouseThe Wall Street JournalFabulousTimeTreeBleacher ReportadidasGrubhubMacroFactorTrelloShopArtifactKitchen StoriesGrouponInstagramBeat PassengerNYT CookingfoodpandaTastyTinderOpendoorZoomLifesumGoogle ChromeBuzzFeedFeeldSonosNeo FinancialLimeAlan MindClassPassYahoo FinanceLystUber EatsNeverthinkFiverrTargetStarbucksDeezerGOATSubstackGoogle NewsSwiggyUnder ArmourYouTube MusicBeReal.GoDaddy StudioZocdocSmartThingsAirtaskerPeerspaceMarriott BonvoyDuolingoAmazon ShoppingWealthsimple InvestTradingViewCitizenHQ TriviaTubiBehanceShazamFitbitCourseraScootAffirmBest BuyLemon8ThumbtackZARACornershop
КАК ЭТО РАБОТАЕТ

Дайте бриф дизайн-агенту. Получите обоснованное направление за секунды.

От онбординга до оплаты: Refcat находит паттерны реальных продуктов, которые упрощают ваше следующее дизайн-решение.
Реальный экран приложения Uber из сценария «Онбординг»
Возможности

Дизайн-агент для реальной продуктовой работы

Дайте агенту бриф, изучите реальные паттерны, на которых строится его направление, и перенесите работу в Figma или любимую IDE.
ЭКСПОРТ В FIGMA

Берите обоснованное направление агента и мгновенно переносите полные сценарии в Figma.

Сценарий реального приложения, экспортированный из Refcat во фреймы Figma
ВАШИ ПАПКИ

Держите найденные агентом паттерны в порядке и наготове, чтобы делиться ими с командой.

Папки Refcat с сохранёнными экранами и сценариями
ФИЛЬТРЫ

Брейкпоинт, приложение или сценарий. Дайте агенту правильный дизайн-контекст.

Фильтрация каталога по платформе, приложению и сценарию
ИЗОБРАЖЕНИЕ В КОД

Превратите скриншот реального приложения в код с опорой на визуальный контекст.

Скриншот реального приложения рядом со сгенерированным по нему кодом
ЗАМЕТКИ

Фиксируйте решения и контекст рядом с направлением агента.

Заметки к референсным экранам Airbnb
ИНТЕГРАЦИЯ С CLAUDE CODE

Дайте Claude реальный продуктовый контекст, стоящий за направлением агента.

Claude Code использует референсы Refcat через MCP
Состояние библиотеки

Реальные опубликованные продукты в одной библиотеке

Экраны
3,4 млн
Флоу
1,1 млн
Приложения, сайты и бренды
468 тыс.

Открыть библиотеку ·

ВНУТРИ ВАШИХ ИНСТРУМЕНТОВ

Реальные экраны в контексте вашего агента.

Claude Code, Cursor и Claude Desktop генерируют интерфейсы по памяти. Через MCP Refcat показывает им экраны вышедших продуктов, и у каждого указан источник.

Пример сессии
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

    Ваша палитра и типографика в каждом сгенерированном экране, неограниченное число китов и 10 MCP-ключей по 300 запросов в минуту на всю команду.

  • Настройте 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_
BERJAYA
BERJAYA
BERJAYA
BERJAYA
ЦЕНЫ

С реальным контекстом ваш дизайн-агент становится умнее.

Изучайте реальные флоу продуктов и выбирайте объём референсов, экспорта и ИИ, который нужен вашей работе.

Free$0.00/мес.
Изучайте и сохраняйте референсы из реальных продуктов
Первые 2 флоу каждого приложения целиком + 10 популярных флоу в неделю
50 сохранённых референсов · 3 проекта
5 экспортов из браузера в Figma / мес.
1 ключ MCP для Claude Code или Cursor · 30 запр./мин
1 место
Начать бесплатноБез банковской карты
Самый популярный
Pro$10.00/мес.
Для дизайнеров, которые создают каждую неделю
Безлимитное сохранение референсов
20 экспортов / мес. на место
Экспорт в Figma и дизайн-системы
Полная история флоу
100 ИИ-экранов / мес. на всю команду
1 бренд-кит · 3 ключа MCP, 120 запр./мин
2 места включены
Перейти на Pro
Отмена в любой момент
Studio$39.00/мес.
Безлимитные бренд-киты и MCP для всей команды
Безлимитные бренд-киты: ваши цвета и шрифты на каждом сгенерированном экране
10 ключей MCP, 300 запр./мин на всю команду
Безлимитный экспорт и всё из Pro
6 мест включены
500 ИИ-экранов / мес. на всю команду
Перейти на StudioОтмена в любой момент
USD · Могут взиматься налоги. Сумма и валюта подтверждаются при оплате.

Вопросы о Refcat

Тарифы, экспорт и отмена подписки.

Хватит проектировать с чистого листа. Дайте бриф своему агенту.

Дайте проекту референсы из реальных продуктов
Бесплатно · Без банковской карты