Biblioteca · 74 modelos · atualizada a cada lançamento

Mockups de dispositivos para download em PNG transparente

Smartphones, tablets, computadores e relógios conectados, vistos de frente, tela vazia, em fundo transparente. Arraste sua captura para trás do quadro: sem recorte, sem marca d'água. Gratuito, uso pessoal e comercial.

Mockups de smartphones

59 modelos · Apple, Samsung, Google, Xiaomi

Mockups iPhone30 modelos

Mockups Samsung Galaxy14 modelos

Mockups Google Pixel6 modelos

Mockups Xiaomi2 modelos

Mockups de outras marcas7 modelos

Como usar esses mockups

Três etapas, independentemente da sua ferramenta.

  1. 01 Escolha o dispositivo Cada ficha indica o viewport CSS, a resolução da tela e o tamanho do arquivo.
  2. 02 Baixe o PNG transparente Sem conta nem marca d'água. A versão em alta definição está disponível por US$ 9,90 em pagamento único.
  3. 03 Arraste sua captura para trás do quadro Como a tela está vazia, não é necessário criar recorte ou máscara no Figma, Photoshop, Canva ou Keynote.

Para preencher a tela

Gere a captura de tela móvel com um clique

Abra seu site no simulador Mobile FIRST, escolha o dispositivo e exporte uma captura PNG com fundo transparente na proporção correta. Ela se encaixa diretamente no mockup correspondente.

Instalar a extensão

4,9/5 em 5.100 avaliações · 1.500.000 usuários · gratuito

Captura de tela exportada do Mobile FIRST, com suas dimensões e os downloads WebP e PNG

O que é um mockup de dispositivo?

Um mockup de dispositivo é a imagem da moldura de um telefone, tablet ou computador, com tela vazia, na qual você insere uma captura para mostrar um site ou aplicativo em seu contexto de uso. Em uma página de vendas, portfólio ou apresentação para clientes, a mesma captura colocada em um iPhone ou Galaxy é imediatamente reconhecida como uma interface móvel.

Todos os arquivos desta biblioteca são PNGs com fundo transparente: a moldura do dispositivo e a área da tela estão vazias, o que evita qualquer recorte. Você coloca sua captura na camada inferior no Figma, Sketch, Photoshop, Canva, Keynote ou PowerPoint, e a moldura se sobrepõe corretamente, mesmo em um fundo colorido, degradê ou foto. Uma versão WebP é oferecida para integração direta na web.

A biblioteca abrange mockups de iPhone, Samsung Galaxy, Google Pixel, Xiaomi, iPad, Galaxy Tab, MacBook, relógios conectados e quiosques interativos, desde modelos antigos até os lançamentos mais recentes. Cada ficha indica o viewport CSS e a resolução da tela do dispositivo, os dois valores a serem conhecidos para preparar uma captura na proporção correta.

Perguntas frequentes

Os mockups são gratuitos?

Sim. Cada mockup pode ser baixado gratuitamente em PNG ou WebP transparente, sem criação de conta e sem marca d'água. Uma versão em alta definição é oferecida por US$ 9,90 em pagamento único.

O que contém um arquivo de mockup?

A moldura do dispositivo vista de frente, tela vazia, em fundo transparente. Você coloca sua captura atrás da moldura sem precisar recortar nada.

Posso usá-los em um projeto comercial?

Sim, uso pessoal e comercial permitido, sem necessidade de atribuição. Apenas a revenda do arquivo isoladamente é excluída. As marcas e modelos mencionados pertencem aos seus respectivos proprietários.

Como preencher a tela do mockup?

Com a extensão Mobile FIRST: abra seu site no simulador, escolha o dispositivo e exporte uma captura PNG com fundo transparente já na proporção correta.

Os novos modelos são adicionados?

Sim, a biblioteca é enriquecida a cada lançamento de novo dispositivo.

Teste seu site nesses 74 dispositivos, não apenas em imagem

O mockup mostra a moldura. A extensão exibe seu site dentro, no viewport CSS exato do dispositivo.