16 extensions Sketch pour aider le designer UX

Pour les designers UX qui travaillent sur Sketch, voici des plugins utiles pour faire des wireframes ou des wireflows.

Ancre pour le titre : Diagrammes 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.

Exemple de flèches avec le plugin Connection flow arrows

Connection Flow Arrows

Ancre pour le titre : Plans de travail 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

Exemple d'arrangement automatique des blocs avec Artboard manager

Ancre pour le titre : Composants 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 carte

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.

Ancre pour le titre : Contenu 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.

Chercher & remplacer

Décompte de charactère

Lorem Ipsum