Introdução
O Refero Design é uma biblioteca de referências de design que coleta capturas de tela de produtos web reais e apps iOS para que designers possam pesquisar como outras empresas resolveram problemas específicos de interface. Em vez de navegar em sites não relacionados um por um, os usuários podem pesquisar em um grande arquivo indexado de telas e fluxos de usuário com múltiplas etapas, cobrindo áreas como onboarding, checkout, paywalls, configurações e exclusão de conta.
O serviço se descreve como uma coleção de dezenas de milhares de referências de UI/UX com recursos avançados de busca. Ele organiza o conteúdo por tipos de página, padrões de UX, elementos de UI e produtos conhecidos, e também suporta pesquisa assistida por IA por meio de um servidor MCP, um plugin para ChatGPT/Codex, um plugin para Figma e uma agent skill para download. O preço segue um modelo de assinatura, com detalhes dos planos na página oficial de preços.
Recursos Principais
- Busca de telas web e iOS: Os usuários podem pesquisar capturas de páginas de produtos web e telas de apps iOS, com filtros por ordem de tendência, tipo de página ou categoria de produto.
- Coleções de fluxos de usuário: Fluxos com múltiplas etapas, como onboarding, checkout, assinatura, cancelamento e exclusão de conta, são agrupados para que jornadas completas possam ser estudadas, não apenas telas isoladas.
- Vocabulário estruturado de navegação: Páginas de navegação por tipos de página, padrões e elementos ajudam os usuários a aprender o sistema de classificação do Refero e a descobrir referências por conceito, e não por empresa.
- Páginas de produtos: Empresas e apps conhecidos, como o Stripe, têm páginas dedicadas que reúnem suas telas e fluxos em um só lugar.
- Servidor MCP do Refero: Um endpoint MCP em
https://api.refero.design/mcpdá a agentes de IA acesso estruturado a estilos, telas, fluxos, padrões e metadados; requer um plano pago. - Plugin para Figma: As referências podem ser puxadas diretamente para o Figma, mantendo a pesquisa junto do trabalho de design.
- Plugin para ChatGPT e Codex: O Refero MCP e sua agent skill podem ser instalados juntos a partir do OpenAI Plugins Directory, sem configuração manual do MCP.
Destaques
- Preços: Não estão listados publicamente nas páginas que analisamos; consulte o site oficial para os planos atuais.
- Gratuito vs. pago: A pesquisa em tempo real via MCP e o plugin ChatGPT/Codex exigem um plano pago do Refero; o site em si pode ser navegado para orientação.
- Suporte a equipes: Uma página de equipes oferece um workspace compartilhado e o ponto de entrada para assinatura de equipe.
- Plataformas: Acessível na web, com bibliotecas dedicadas para produtos web e apps iOS, além de integração com o Figma.
Para Quem É
O Refero Design é voltado para designers de produto, pesquisadores de UX e desenvolvedores front-end que precisam de exemplos concretos de como outros produtos lidam com telas ou fluxos específicos. Ele atende equipes que fazem benchmarking de padrões como páginas de preços ou paywalls mobile antes de criar os seus, bem como desenvolvedores que usam assistentes de código com IA e desejam referências de design estruturadas entregues via MCP. Gerentes de produto que analisam interfaces concorrentes e agências que reúnem referências para trabalhos de clientes também são usuários naturais.
