Pro Design: Designer Tools

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!