Pour les designers UX qui travaillent sur Sketch, voici des plugins utiles pour faire des wireframes ou des wireflows.
Diagrammes
Userflows : sélectionner un calque, un plan de travail, générez une flèche et hop ça fait un wireflow. Il peut être actualisé à chaque déplacement de plan de travail.
Connection Flow Arrows : pareil mais vers n’importe quel calque. Et avec pas mal de paramètres utiles. Le détail qui fait la différence : des pointes de flèche orientées par rapport au trait, pas à l’objet cible.
Plans de travail
Artboard Titles : vous exportez votre grand wireflow et là paf, les titres d’écrans sont minuscules et illisibles. Pas grave : ce plugin ajoute au dessus de chaque plan de travail un calque précisant son nom.
Deux plugins d’organisation automatiquement des plans de travail : Artboard Manager et Artboard Tools. Le premier fonctionne en continu et a plus d’options de style. Le second doit être actionné manuellement et a plus d’options de disposition.
Cliquer sur l’animation pour l’arrêter
Composants
Sketch Repeat : Duplique un objet à la même position dans tous les plans de travail. Pratique pour les composants transverses.
Sketch Material : générer facilement des composants Material, même complexes comme des tableaux.
Générateur de graphique, avec des données réelles ou aléatoires.
Anima Autolayout propose plusieurs fonctions pour gérer des dimensions dynamiques. La gestion automatique du padding peut faciliter la vie quand on veut poser rapidement les blocs d’un wireframe.
Contenu
Automate Sketch : plein de commandes utiles. Ma préférée : Décomposer un calque de texte en plusieurs, en prenant le retour à la ligne comme séparateur. Pratique quand on doit recopier plein de contenu depuis un brief.
Accessibilité des couleurs avec Stark : test de contraste, simulations de daltonisme et suggestions de couleur. Un autre plugin permet de tester une palette de couleurs entière.