Refero

Что такое Refero?

Refero — это платформа для исследования дизайна, предлагающая отобранную коллекцию из 100,000+ экранов реальных веб- и iOS-продуктов, организованных по типам страниц, UX-паттернам, UI-элементам, пользовательским потокам и шрифтам. В отличие от галерей вдохновения, которые демонстрируют концептуальные работы, Refero исключительно представляет экраны из живых, выпущенных продуктов — делая его практическим справочным инструментом, а не доской настроения. Он служит UX/UI-дизайнерам, продуктовым менеджерам и AI-агентам, которым нужны обоснованные, реальные данные интерфейсов для принятия дизайнерских решений.

Ключевые функции

• Массивная библиотека экранов реальных продуктов

  100,000+ отобранных скриншотов, полученных исключительно из живых веб- и iOS-продуктов, организованных по типу страницы, отрасли и UI-компонентам — обновляется еженедельно свежим контентом.

• UX-потоки

  Сквозные карты пользовательских путей, охватывающие регистрацию, онбординг, оформление заказа и потоки управления аккаунтом, позволяющие дизайнерам изучать полные последовательности взаимодействий, а не изолированные экраны.

• Детальный поиск и фильтрация

  Поиск по типу страницы, UX-паттерну, UI-элементу, компании, отрасли или естественному языку — с фильтрами по платформе (веб или iOS) для точного нахождения нужного.

• UX-паттерны и UI-элементы

  87+ UX-паттернов и 69+ UI-элементов — от каруселей отзывов и потоков оплаты до скелетных загрузчиков и навигационных панелей — помеченных техническими метаданными для точной ссылки.

• Справочная библиотека шрифтов

  Каталогизирует тысячи реализаций шрифтов из реальных продуктов, включая статистику использования, рекомендации по сочетанию и применение в адаптивном дизайне.

• Плагин Figma и MCP-сервер

  Вставляйте ссылки на реальные продукты прямо в Figma или подключайте AI-агентов через MCP, чтобы они исследовали фактически выпущенные интерфейсы перед генерацией дизайн-результата.

Варианты использования

• Исследование UX/UI дизайна : Дизайнеры сравнивают свою работу с реально выпущенными продуктами — узнают, как топовые компании обрабатывают дашборды, платные стены или онбординг — без ручного поиска по десяткам приложений.
• Конкурентный анализ и анализ паттернов : Продуктовые менеджеры и дизайнеры могут аудировать, как отраслевые коллеги структурируют специфические потоки или реализуют повторяющиеся UI-паттерны, подкрепленные фактическими доказательствами продуктов.
• Рабочие процессы дизайна с помощью AI : AI-агенты подключаются через MCP, чтобы основывать свой вывод на реальных продуктовых интерфейсах, уменьшая галлюцинированные или общие предложения дизайна во время генерации кода или прототипов.
• Типографика и визуальная согласованность : Команды, исследующие выбор шрифтов, могут ссылаться на то, как популярные продукты реализуют специфические гарнитуры на разных устройствах, поддерживая более информированные и согласованные дизайн-системы.
• Справка по быстрому прототипированию : Дизайнеры, работающие в Figma, могут втягивать экраны реальных продуктов прямо в свое рабочее пространство как ссылки, ускоряя создание каркасов и уменьшая догадки.

Часто задаваемые вопросы