Designer Tools é a ferramenta definitiva para designers de aplicativos, desenvolvedores de UI/UX e engenheiros de controle de qualidade que precisam revisar, testar e verificar interfaces móveis com precisão impecável.
Sobreponha especificações de design, sistemas de grade personalizados, guias de tela e mockups de imagem diretamente sobre seus aplicativos Android em execução para detectar erros de layout e inconsistências de espaçamento instantaneamente.
Aviso de Lançamento Inicial
Este é o nosso lançamento oficial da versão 1.0! Criamos o Designer Tools para otimizar seu fluxo de trabalho de controle de qualidade de design. Como este é um lançamento totalmente novo, novos recursos, ferramentas e melhorias de desempenho já estão a caminho. Tem feedback ou sugestões de recursos? Adoraríamos ouvir sua opinião para moldarmos juntos as futuras atualizações!
Principais Recursos
Sobreposição de Mockup de Imagem
Verificação Lado a Lado: Sobreponha seus layouts de design (PNG/JPG) às telas do seu aplicativo em execução.
Controle de Opacidade: Ajuste a transparência instantaneamente para identificar incompatibilidades de preenchimento, alinhamento e dimensionamento.
Modos Retrato e Paisagem: Atribua imagens de mockup dedicadas para ambas as orientações do dispositivo.
Opções de Ajuste: Alterne entre ajustar à largura ou ajustar à altura para um alinhamento perfeito em escala.
Sistema de Grade Personalizado
Grades de Layout Flexíveis: Personalize a largura, a altura, a espessura e a cor das células.
Múltiplos Pontos de Origem: Desenhe grades a partir do canto superior esquerdo, do centro ou de áreas seguras.
Unidades Responsivas: Defina as configurações da grade diretamente no dp para testes de densidade nativos do Android.
Diretrizes e Especificações de Precisão
Linhas Horizontais e Verticais: Adicione infinitas linhas de alinhamento personalizadas em qualquer tela.
Anotações Interativas: Meça distâncias e marque as dimensões de elementos da interface do usuário diretamente nas telas de destino.
Indicadores na Tela: Visualize medidas de espaçamento em tempo real e valores de deslocamento exatos.
Métricas e Informações da Tela do Dispositivo
DPI e Resolução da Tela: Visualize instantaneamente a largura/altura da tela ativa em pixels (px) e pixels independentes de densidade (dp).
Gerenciamento de Múltiplos Projetos: Salve configurações de grade personalizadas e configurações de guia para diferentes projetos de clientes.
Para Quem São as Ferramentas de Design?
Designers de UI/UX: Garanta que a implementação corresponda às especificações do Figma, Sketch ou Adobe XD até o pixel exato.
Desenvolvedores Android: Verifique margens, preenchimentos e restrições de layout de componentes mais rapidamente, sem precisar tirar capturas de tela constantemente.
Engenheiros e Testadores de QA: Agilize as auditorias de QA de design e registre os defeitos de layout com provas visuais claras.
Privacidade e Permissões
O Designer Tools depende da permissão Exibir sobre outros aplicativos (SYSTEM_ALERT_WINDOW) para projetar linhas de grade, guias e mockups perfeitamente sobre outros aplicativos.
Privacidade em primeiro lugar: O Designer Tools não coleta, armazena ou compartilha seus dados pessoais, uso do aplicativo ou arquivos de design. Todas as sobreposições de imagem e dados do projeto permanecem armazenados localmente no seu dispositivo.
Baixe o Designer Tools hoje mesmo para trazer precisão perfeita em pixels para o seu fluxo de trabalho no Android e fique atento às atualizações regulares!
Sobreponha grades de design, diretrizes e imagens de protótipo em qualquer aplicativo Android.
Atualizado em
4 de ago. de 2026