Gerador de Mockup de Celular

Um gerador de mockup de celular coloca qualquer print dentro de uma moldura realista de aparelho, transformando uma imagem comum em um visual caprichado e pronto para apresentação em segundos. É perfeito para mostrar um app, um site ou um conceito de design sem abrir o Photoshop nem caçar um plugin do Figma.

Escolha entre cinco tipos de aparelho — iPhone, Android, iPad, MacBook e um Monitor de mesa — cada um desenhado com proporções precisas e detalhes fiéis como a Dynamic Island, a câmera no furo da tela, o notch da webcam e o suporte de notebook ou monitor. Adicione um fundo sólido, em degradê ou transparente, ajuste a margem e baixe um PNG nítido.

Privado por natureza: cada mockup é gerado no seu navegador com a API HTML Canvas. Seus prints nunca são enviados a um servidor, armazenados ou rastreados.

Como Usar o Gerador de Mockup de Celular

Envie seu print

Arraste e solte uma imagem na área de envio, clique nela para procurar ou pressione Ctrl+V (Cmd+V no Mac) para colar da área de transferência. PNG, JPG e WebP são todos compatíveis.

Escolha um aparelho

Selecione iPhone, Android, iPad, MacBook ou Monitor na barra de ferramentas. Seu print é encaixado na tela automaticamente; depois escolha uma cor de aparelho entre as amostras, que mudam conforme o aparelho.

Estilize o fundo

Alterne entre uma cor Sólida (seletor mais oito predefinições), um Degradê (oito predefinições) ou Nenhum para exportar com transparência. Em seguida, arraste o controle de Margem para definir o espaço ao redor do aparelho.

Baixe o PNG

Clique em Baixar PNG para salvar um mockup em alta resolução gerado em escala 3x, pronto para listagens em lojas de apps, apresentações, posts em redes sociais ou seu portfólio.

Recursos

Cinco Tipos de Aparelho

Coloque seu print em um iPhone, celular Android, iPad, MacBook ou monitor de mesa, cada um com proporções realistas.

Detalhes Fiéis do Aparelho

Dynamic Island, câmera no furo da tela do Android, ponto da câmera do iPad, notch e dobradiça da webcam do MacBook e pescoço e base do monitor.

Cores por Aparelho

Cada aparelho tem suas próprias amostras de cor — preto, prateado, azul, dourado, branco, verde, meia-noite e cinza-espacial — para combinar com sua marca.

Fundos de Cor Sólida

Use o seletor de cor para qualquer tom ou toque em uma das oito predefinições, do índigo e azul-céu ao esmeralda, âmbar e ardósia.

Fundos em Degradê

Escolha entre oito predefinições de degradê — índigo-roxo, pôr do sol, oceano, esmeralda e outras — para visuais de marketing que chamam a atenção.

Exportação Transparente

Escolha o fundo Nenhum para exportar um PNG transparente, ideal para sobrepor em slides ou compor com outros designs.

Margem Ajustável

Deslize o controle de margem para adicionar ou remover espaço ao redor da moldura do aparelho, de borda a borda até margens generosas.

Encaixe Inteligente da Imagem

Os prints são redimensionados e centralizados com recorte de preenchimento, para que qualquer proporção preencha a tela do aparelho com perfeição.

PNG em Alta Resolução

As exportações são geradas em escala 3x para uma saída nítida, ideal para telas retina, prints de lojas de apps e impressão.

Arraste, Clique ou Cole

Adicione um print do jeito que preferir — arraste e solte um arquivo, clique para procurar ou cole direto da área de transferência.

Perguntas Frequentes

Como coloco um print em um mockup de celular?

Envie seu print arrastando-o até a área de envio, clicando para procurar ou colando com Ctrl+V. Depois escolha iPhone ou Android, e a imagem é encaixada automaticamente dentro da moldura do aparelho. Escolha uma cor e um fundo e baixe o PNG.

Quais aparelhos são suportados?

Cinco tipos de aparelho: iPhone (com Dynamic Island), celular Android (câmera no furo da tela), iPad, MacBook e um monitor de mesa. Cada moldura é desenhada por código, com proporções precisas e detalhes específicos de cada aparelho.

Quais formatos de imagem posso enviar?

Imagens PNG, JPG e WebP funcionam. Qualquer print ou arquivo de imagem padrão do seu aparelho ou da área de transferência pode ser colocado em um mockup.

Dá para exportar um mockup em PNG transparente?

Sim. Selecione a opção de fundo Nenhum para exportar um PNG com transparência total. Isso é útil quando você quer colocar o mockup sobre slides, outros designs ou um fundo personalizado.

Qual é a resolução da imagem exportada?

O PNG é gerado em 3x a resolução da prévia, produzindo imagens nítidas adequadas para telas retina, prints da App Store e impressão de alta qualidade. O tamanho exato em pixels depende do aparelho que você escolher e da margem que definir.

Por que meu print aparece cortado no aparelho?

A ferramenta usa preenchimento total para ocupar toda a tela do aparelho, então, se o seu print tiver uma proporção diferente da do aparelho, algumas bordas são cortadas para manter um encaixe limpo. Para um melhor resultado, use um print com proporção parecida com a do aparelho escolhido.

Minhas imagens são enviadas a um servidor?

Não. Tudo roda localmente no seu navegador usando a API HTML Canvas. Suas imagens nunca saem do seu aparelho e não são armazenadas nem transmitidas a lugar nenhum.

Posso usar os mockups comercialmente?

Sim. As molduras dos aparelhos são formas estilizadas desenhadas por código — não são fotos nem ativos com marca registrada — então você pode usar os mockups gerados livremente em projetos pessoais e comerciais.