Refero

O que é Refero?

Refero é uma plataforma de pesquisa de design oferecendo uma coleção curada de mais de 100.000 telas de produtos web e iOS do mundo real, organizadas por tipos de página, padrões UX, elementos UI, fluxos de usuário e fontes. Diferente de galerias de inspiração que mostram trabalho conceitual, Refero apresenta exclusivamente telas de produtos ao vivo e implantados — tornando-se uma ferramenta de referência prática em vez de um mood board. Serve designers UX/UI, gerentes de produto e agentes AI que precisam de dados de interface fundamentados e do mundo real para informar decisões de design.

Recursos Principais

• Biblioteca massiva de telas de produtos reais

  Mais de 100.000 capturas de tela selecionadas, obtidas exclusivamente de produtos web e iOS ao vivo, organizadas por tipo de página, setor e componente UI — atualizadas semanalmente com conteúdo fresco.

• Fluxos UX

  Mapas de jornada do usuário de ponta a ponta cobrindo cadastro, onboarding, checkout e fluxos de gestão de conta, permitindo que designers estudem sequências completas de interação em vez de telas isoladas.

• Busca e filtragem granular

  Busque por tipo de página, padrão UX, elemento UI, empresa, setor ou linguagem natural — com filtros para plataforma (web ou iOS) para encontrar exatamente o que você precisa.

• Padrões UX e elementos UI

  Mais de 87 padrões UX e 69 elementos UI — desde carrosséis de depoimentos e fluxos de cobrança até skeleton loaders e barras de navegação — marcados com metadados técnicos para referência precisa.

• Biblioteca de referência de fontes

  Cataloga milhares de implementações de fontes de produtos reais, incluindo estatísticas de uso, recomendações de combinação e aplicações de design responsivo.

• Plugin do Figma e servidor MCP

  Insira referências de produtos reais diretamente dentro do Figma, ou conecte agentes AI via MCP para que pesquisem interfaces realmente implantadas antes de gerar output de design.

Casos de Uso

• Pesquisa de design UX/UI : Designers comparam seu trabalho com produtos realmente implantados — descobrindo como empresas top lidam com dashboards, paywalls ou onboarding — sem procurar manualmente através de dezenas de apps.
• Análise competitiva e de padrões : Gerentes de produto e designers podem auditar como pares da indústria estruturam fluxos específicos ou implementam padrões UI recorrentes, apoiados por evidência de produtos reais.
• Fluxos de trabalho de design assistidos por AI : Agentes AI se conectam via MCP para fundamentar seu output em interfaces de produtos reais, reduzindo sugestões de design alucinadas ou genéricas durante geração de código ou protótipos.
• Tipografia e consistência visual : Equipes explorando escolhas de fontes podem referenciar como produtos populares implementam tipografias específicas através de dispositivos, apoiando sistemas de design mais informados e consistentes.
• Referência de prototipagem rápida : Designers trabalhando no Figma podem puxar telas de produtos reais diretamente para seu espaço de trabalho como referências, acelerando wireframing e reduzindo suposições.

Perguntas Frequentes