Sites de inspiração de UI: 6 lugares para encontrar interfaces reais
Seis sites que mostram interfaces reais em vez de mockups: Mobbin, Refero, Page Flows, Landingfolio, Dark Mode Design e SaaSFrame. Para que serve cada um, quanto custa abrir e como usá-los em um briefing.
Um frame em branco é o pior lugar para começar um design. Interfaces reais facilitam tudo: você vê como uma página de configurações, um paywall ou um hero já ficam quando um time os colocou no ar. Aqui estão seis sites que reúnem telas reais, para que serve cada um e quais pedem cadastro antes.
| Site | Melhor para | Abrir sem pagar |
|---|---|---|
| Mobbin | Telas reais de apps, mais de 600.000 | Conta gratuita, acesso limitado |
| Refero | Pesquisar telas, fluxos e padrões | Pesquise a biblioteca no site |
| Page Flows | Fluxos completos com gravações de tela | Teste de 3 dias |
| Landingfolio | Landing pages, heroes, componentes | Navegue pela galeria |
| Dark Mode Design | Designs de sites escuros | Navegue pela grade |
| SaaSFrame | Sites de SaaS e telas de produto | Navegue por categoria |
1. Mobbin: telas reais de apps
O Mobbin se define como "a biblioteca de referência de design para apps e sites" e lista mais de 600.000 telas publicadas, com novas toda semana. A biblioteca é dividida em apps, sites, telas, fluxos, animações e elementos de UI. Você pode entrar de graça, mas a conta gratuita tem acesso limitado e a biblioteca completa fica atrás de planos pagos.
O que procurar: como vários apps resolvem a mesma tela. Escolha um tipo de tela, como onboarding ou paywall, e compare cinco seguidas antes de desenhar a sua.
2. Refero: referências que você pode pesquisar
O Refero se descreve como "telas, fluxos e padrões reais de produtos". Ele é construído em torno da busca. A página sugere pesquisas como cadastro com verificação de e-mail, layouts de dashboard com gráficos e telas de login com SSO e redefinição de senha, e tem abas separadas para web apps e apps iOS.
O que procurar: uma pergunta específica, digitada como busca. "Calendar booking" traz respostas que funcionam mais rápido do que rolar uma galeria.
3. Page Flows: a jornada inteira
A maioria dos sites de inspiração mostra telas isoladas. O Page Flows mostra o caminho entre elas. O slogan é "Inspiração de UI/UX a partir de fluxos reais de usuário", e ele combina fluxos com gravações de tela e anotações passo a passo.
Você pode filtrar por iOS, Android, web e e-mails, e há um teste de 3 dias.
O que procurar: os passos entre as telas. Um bom fluxo de cadastro se decide pelo que acontece depois do botão, então assista à sequência toda, não só ao primeiro frame.
4. Landingfolio: ideias de landing page e hero
O Landingfolio é uma galeria de landing pages. Quando conferimos, o cabeçalho contava 961 sites e 4 adicionados naquela semana, filtráveis por setor, tipo de página (landing, preços, sobre, login, cadastro, 404) e cor. Ele também lista componentes para Tailwind, Webflow e Figma.
O que procurar: a primeira tela, o hero. Filtre pelo seu setor e compare como os concorrentes dizem a única coisa que o visitante precisa saber. Nossos guias sobre princípios de design de landing page e anatomia de landing page de SaaS mostram o que fazer com o que você encontrar.
5. Dark Mode Design: sites escuros
O Dark Mode Design é uma grade curada de sites escuros, e qualquer pessoa pode enviar um site. Cada bloco é um design escuro completo, então você vê como os outros lidam com contraste, cor de destaque e imagens sobre um fundo preto ou quase preto. Todas as capturas de tela pertencem aos seus donos.
O que procurar: a segunda cor. Observe quais cores cada site adiciona além do destaque e onde as usa. Nosso paper sobre sistemas de cor para dark mode explica como montar o seu.
6. SaaSFrame: telas de SaaS
O SaaSFrame é "uma biblioteca de inspiração de design de UI e UX de SaaS" com sites e interfaces de produto de SaaS reais. As categorias mostram o tamanho da biblioteca: 296 telas de landing page, 211 páginas de preços, 191 dashboards, 424 telas de adicionar e editar e 571 telas de configuração de conta quando conferimos. Ele também lista padrões, como navegação lateral, checklists de onboarding e estados de geração por IA, e diz oferecer arquivos editáveis do Figma e prompts de design com IA.
O que procurar: as telas chatas. Preços, configurações e criação de conta decidem se um produto parece acabado, e são as telas que um frame em branco torna mais difíceis.
Como usar os seis juntos
- Nomeie a tela. Escreva a única tela ou fluxo que você está desenhando.
- Escolha o site. Telas inteiras de app vão para o Mobbin, uma pergunta para o Refero, uma jornada para o Page Flows, um hero para o Landingfolio, um tema escuro para o Dark Mode Design e um produto de SaaS para o SaaSFrame.
- Salve três, não trinta. Escolha as três que resolvem melhor a sua tela.
- Escreva uma linha para cada. "Preço claro, um botão" é uma referência. Uma imagem salva sem nota é uma pilha.
- Copie a decisão, não os pixels. Leve o que o layout está fazendo e por quê. Nosso paper sobre design guiado por screenshots mostra como transformar referências em um fluxo de trabalho.
Um designer ou um cliente consegue fazer muito com "uma página de preços simples como esta, com um seletor de plano como aquele". Consegue fazer muito pouco com "faz algo moderno".
Site
Mobbin
Telas reais de apps. Conta gratuita com acesso limitado, pago para a biblioteca completa.
Site
Refero
Telas, fluxos e padrões reais de produtos que você pode pesquisar.
Site
Page Flows
Fluxos completos de usuário de grandes apps, com gravações de tela.
Site
Landingfolio
Inspiração de landing pages e heroes.
Site
Dark Mode Design
Uma grade de designs de sites escuros.
Site
SaaSFrame
Uma biblioteca de inspiração de design de UI e UX de SaaS.
Arquivo gratuito do Figma
6 sites para ideias de UI
Os seis links e para que serve cada site, em um arquivo gratuito.
FAQ
Quais são os melhores sites de inspiração de UI?
Mobbin, Refero, Page Flows, Landingfolio, Dark Mode Design e SaaSFrame. Juntos cobrem telas de apps, referências pesquisáveis, fluxos completos de usuário, landing pages, sites escuros e interfaces de SaaS.
O Mobbin é gratuito?
Em parte. O Mobbin deixa você entrar de graça com acesso limitado, e a biblioteca completa de mais de 600.000 telas exige um plano pago.
Onde encontro exemplos reais de fluxos de usuário?
No Page Flows. Ele mostra fluxos de apps e sites reais com gravações de tela e anotações passo a passo, e oferece um teste de 3 dias.
Onde encontro inspiração de design de landing page?
O Landingfolio é uma galeria de landing pages filtrável por setor e tipo de página. O SaaSFrame também lista telas de landing page de SaaS.
Onde encontro inspiração de sites escuros?
O Dark Mode Design reúne sites escuros em uma única grade, e qualquer pessoa pode enviar um site.
Como usar inspiração sem copiar?
Salve duas ou três referências para a tela que você está desenhando e escreva uma linha sobre o que cada uma faz bem. Use a decisão, como o preço claro ou o botão único, e desenhe o layout você mesmo.
Fontes
- Mobbin, mobbin.com: "A biblioteca de referência de design para apps e sites", mais de 600.000 telas publicadas, entrada gratuita, planos. Consultado em 4 de novembro de 2026.
- Refero, refero.design: "Telas, fluxos e padrões reais de produtos". Consultado em 4 de novembro de 2026.
- Page Flows, pageflows.com: "Inspiração de UI/UX a partir de fluxos reais de usuário", gravações de tela e anotações, teste de 3 dias. Consultado em 4 de novembro de 2026.
- Landingfolio, landingfolio.com: "A melhor inspiração de design de landing page", 961 sites no dia da consulta. Consultado em 4 de novembro de 2026.
- Dark Mode Design, darkmodedesign.com: uma grade de sites escuros, envio de sites. As capturas de tela pertencem aos seus donos. Consultado em 4 de novembro de 2026.
- SaaSFrame, saasframe.io: "Biblioteca de inspiração de design de UI e UX de SaaS", contagem de telas conforme exibida no dia da consulta. Consultado em 4 de novembro de 2026.
- Publicado originalmente como carrossel no UX Brainy.
Collected the references and still need the interface built? Our team turns a clear brief into product UI that holds up in every state.
Get Started
