Pro Design: Designer Tools

Designer Tools est l'outil indispensable pour les concepteurs d'applications, les développeurs UI/UX et les ingénieurs QA qui doivent examiner, tester et vérifier les interfaces mobiles avec une précision au pixel près.

Superposez des spécifications de conception, des systèmes de grille personnalisés, des repères d'écran et des maquettes d'images directement sur vos applications Android en production pour détecter instantanément les bugs de mise en page et les incohérences d'espacement.

Avis de lancement
Voici le lancement officiel de la version 1.0 ! Nous avons conçu Designer Tools pour simplifier votre flux de travail d'assurance qualité. Cette nouvelle version s'accompagne de nouvelles fonctionnalités, d'outils et d'améliorations de performances très prometteurs, déjà en préparation. Vous avez des commentaires ou des suggestions ? N'hésitez pas à nous en faire part pour façonner ensemble les futures mises à jour !

Fonctionnalités clés

Superposition de maquettes d'images

Vérification côte à côte : Superposez vos maquettes (PNG/JPG) sur les écrans de votre application en production.

Contrôle de l'opacité : Ajustez la transparence instantanément pour corriger les problèmes de marge, d'alignement et de dimensionnement.

Modes Portrait et Paysage : Attribuez des images de maquette dédiées aux deux orientations de l'appareil.

Options d'ajustement : Choisissez entre l'ajustement à la largeur et l'ajustement à la hauteur pour un alignement parfait.

Système de grille personnalisé

Grilles de mise en page flexibles : Personnalisez la largeur, la hauteur, l'épaisseur et la couleur des cellules.

Points d'origine multiples : Dessinez des grilles à partir du coin supérieur gauche, du centre ou de zones sécurisées.

Unités réactives : Définissez les paramètres de grille directement en dp pour les tests de densité natifs Android.

Directives et spécifications de précision

Lignes horizontales et verticales : Ajoutez un nombre illimité de lignes d'alignement personnalisées sur n'importe quel écran.

Annotations interactives : Mesurez les distances et marquez les dimensions des éléments d'interface directement sur les écrans cibles.

Indicateurs à l'écran : Visualisez les mesures d'espacement en temps réel et les valeurs de décalage exactes.

Métriques et informations de l'écran de l'appareil
DPI et résolution de l'écran : Visualisez instantanément la largeur et la hauteur de l'écran actif en pixels (px) et en pixels indépendants de la densité (dp).

Gestion multi-projets : Enregistrez des configurations de grille personnalisées et des guides pour différents projets clients.

À qui s'adressent les outils de conception ?

Concepteurs UI/UX : Assurez-vous que l'implémentation respecte les spécifications de Figma, Sketch ou Adobe XD au pixel près.

Développeurs Android : Vérifiez plus rapidement les marges, le remplissage et les contraintes de mise en page des composants sans avoir à prendre constamment des captures d'écran.

Ingénieurs QA et testeurs : Accélérez vos audits QA de conception et consignez les anomalies de mise en page grâce à des preuves visuelles claires.

Confidentialité et autorisations Designer Tools utilise l’autorisation « Affichage par-dessus les autres applications » (SYSTEM_ALERT_WINDOW) pour projeter les lignes de grille, les repères et les maquettes de manière transparente par-dessus les autres applications.

Priorité à la confidentialité : Designer Tools ne collecte, ne stocke ni ne partage vos données personnelles, vos données d’utilisation de l’application ou vos fichiers de conception. Toutes les superpositions d’images et les données de projet restent stockées localement sur votre appareil.

Téléchargez Designer Tools dès aujourd’hui pour une précision au pixel près dans votre flux de travail Android et restez informé des mises à jour régulières !