Designer Tools

Developers, have you ever wanted to verify that you’ve implemented UI designs to spec?

UX Designers, ever wanted to validate whether a color or layout is correct?

Designer Tools provides a suite of features to review and validate app specifications. Whether it be checking your keylines or that shade of blue, you’ll definitely want to add this app to your toolkit. Even if you provide redlines, these are a great way to verify each and every pixel.

Grid Overlay - Quickly toggle on-screen grids to check layouts for inconsistent spacing or mis-aligned elements. You can even customize the grid size and line colors.

Mockup Overlay - Display a mockup image over your app. This gives you a high-fidelity opportunity to see how the design spec matches the developed user interface. Choose from portrait or landscape overlays and tune the opacity for an effective comparison.

Color Picker - Use your finger to drag around a loupe and identity the hex codes of colors at the pixel level.

Screenshot details - Add a panel to all of your screenshots that displays information regarding the device, screen and Android version. QA teams will LOVE this.

Have ideas for another tool that we could include? Let us know by sending us an email!

Source code available on GitHub at https://github.com/0xD34D/DesignerTools

Les développeurs, avez-vous jamais eu envie de vérifier que vous avez mis en œuvre des conceptions de l'interface utilisateur aux spécifications?

UX Designers, jamais voulu valider si une couleur ou la mise en page est correcte?

Outils Designer fournit une suite de fonctionnalités pour examiner et valider les spécifications de l'application. Que ce soit pour vérifier vos filets techniques ou cette nuance de bleu, vous voudrez certainement ajouter cette application à votre boîte à outils. Même si vous fournissez redlines, ceux-ci sont un excellent moyen de vérifier chaque pixel.

Grille Overlay - basculer rapidement à l'écran des grilles pour vérifier des modèles pour des éléments d'espacement ou incompatibles mal alignées. Vous pouvez même personnaliser la taille de la grille et des lignes de couleurs.

Mockup Overlay - Afficher une image maquette sur votre application. Cela vous donne une occasion de haute fidélité pour voir comment la spécification de conception correspond à l'interface utilisateur développée. Choisissez parmi portrait ou paysage superpositions et régler l'opacité pour une comparaison efficace.

Color Picker - Utilisez votre doigt pour faire glisser autour d'une loupe et de l'identité des codes hexadécimaux de couleurs au niveau du pixel.

Détails Capture d'écran - Ajouter un panneau à toutes vos captures d'écran qui affiche des informations sur l'appareil, l'écran et la version Android. Les équipes d'AQ vont adorer ce.

Avoir des idées pour un autre outil que nous pourrions inclure? Faites-nous savoir en nous envoyant un e-mail!

Code source disponible sur GitHub à https://github.com/0xD34D/DesignerTools