ZappScreenshot: a ferramenta que faltava para criar mockups sem complicações
Lançámos uma ferramenta gratuita para transformar capturas de ecrã em mockups de browsers e dispositivos. Funciona no navegador, sem uploads nem registos.
Ao preparar materiais para um cliente, precisámos de mockups rápidos para uma apresentação. As opções disponíveis eram pagas, lentas ou exigiam criar mais uma conta.
O Figma resolve, mas abri-lo só para enquadrar uma captura de ecrã numa moldura de Safari é demasiado. E nem toda a equipa tem acesso ou sabe usá-lo.
Por isso criámos o ZappScreenshot.
O que é
O ZappScreenshot é uma aplicação web que coloca as suas capturas de ecrã dentro de molduras de browsers ou dispositivos: Safari, Chrome, Arc, iPhone, iPad e MacBook.
Arrasta uma imagem, escolhe a moldura, ajusta o fundo se quiser e exporta. O resultado é uma imagem de alta resolução pronta a usar.
Porque o fizemos assim
A maior parte das ferramentas deste tipo é paga, obriga a enviar as imagens para servidores de terceiros ou tem tantas opções que se torna confusa.
O ZappScreenshot funciona inteiramente no navegador. As imagens nunca saem do seu computador, porque não há servidor a recebê-las. Isso protege a sua privacidade e torna a ferramenta rápida, já que nada é enviado nem processado remotamente.
É gratuito, sem versão paga e sem marcas de água.
Para quem faz apps
Acrescentámos mais tarde o modo App Store. As capturas de ecrã para a App Store e para o Google Play têm dimensões muito específicas, e o ZappScreenshot tem modelos configurados para esses tamanhos.
Pode também adicionar títulos e subtítulos diretamente na imagem. Assim cria as imagens promocionais das lojas de apps, com texto a explicar as funcionalidades, sem abrir outro programa.
Detalhes técnicos
A aplicação foi construída em React e corre inteiramente no cliente. Usamos a biblioteca html-to-image para gerar as exportações, o que mantém tudo local. As molduras de browser são desenhadas em CSS, não são imagens PNG, e por isso ficam nítidas em qualquer tamanho.
As molduras de dispositivos vêm dos recursos do Facebook Design, de livre utilização.
Experimente
O ZappScreenshot está disponível em zappscreenshot.modulardigital.pt. Não precisa de criar conta nem de instalar nada. Abra, arraste uma imagem e experimente.
Se tiver sugestões ou encontrar algum problema, diga-nos através da página de contactos.
Perguntas Frequentes
O ZappScreenshot é mesmo gratuito?
Sim, completamente. Não há planos pagos, limites de uso ou marcas de água nas exportações.
As minhas imagens são enviadas para algum servidor?
Não. Todo o processamento acontece localmente no seu navegador. As imagens nunca saem do seu dispositivo.
Posso usar o ZappScreenshot para criar imagens da App Store?
Sim. Existe um modo dedicado com as dimensões exatas para iOS App Store e Google Play Store, incluindo a possibilidade de adicionar texto.
Que browsers e dispositivos estão disponíveis?
Browsers: Safari, Chrome, Windows Chrome, Arc e uma opção minimalista. Dispositivos: iPhone 13 Pro, Samsung S21, iPad Air e MacBook Pro.