Sketch est un logiciel disponible pour les ordinateurs Mac seulement, qui est en train de surpasser la popularité de Photoshop chez les designers d’interface. Nous avons justement parlé de ce programme et de quelques astuces pour bien commencer un projet!

Depuis que j’utilise Sketch, j’ai testé plusieurs extensions gratuites, certaines que j’ai aimé et d’autres, non. Voici mon top 3, celles que j’utilise absolument à chaque nouveau projet.

Runner

Exemple de l'extension (plugin) Runner dans un document Sketch
Exemple de l’extension (plugin) Runner dans un document Sketch

Runner accélère le flux de travail et la rapidité en permettant de faire plusieurs tâches, sans bouger la souris. Une fois l’extension installée, depuis son clavier, on peut :

  • lancer une action comme un plugin ou une action, qui serait autrement accessible par le menu dans le haut de l’interface ;
  • changer d’endroit dans son document, par exemple passer d’une page à un plan de travail, ou encore à un calque précis ;
  • insérer ou remplacer un symbole (je couvre les fameux symboles dans cet article) ;
  • créer un nouveau symbole ;
  • appliquer un style préalablement défini ;
  • et même installer une nouvelle extension.

Trouvez des contrats à la pige au Québec

Augmentez votre visibilité auprès de clients potentiels en publiant votre profil dans notre répertoire dès maintenant OU devenez membre PRO afin de soumissionner sur des contrats en appel d'offres publiés sur notre communauté web.
Créez votre profil gratuitement

Tous les détails sur cette extension sont ici, en anglais seulement.

Stark

Stark est une extension gratuite permettant de tester rapidement le contraste et de simuler le daltonisme
Stark est une extension gratuite permettant de tester rapidement le contraste et de simuler le daltonisme.

L’extension Stark est particulièrement efficace lorsqu’on travaille sur un site web destiné à être utilisé par une population vieillissante, ou encore pour satisfaire certaines normes d’accessibilité, notamment pour les sites gouvernementaux.

Stark testera le contraste entre n'importe quelle paire d'éléments dans Sketch!
Un exemple de test de contraste réussi haut la main!

En effet, Stark permet de tester, à même l’interface de Sketch, les niveaux de contraste entre deux éléments. Il suffit de sélectionner deux calques, par exemple un bloc de texte et le fond sur lequel il est apposé, puis de lancer l’extension. La fenêtre ci-dessus apparait et une note sur le contraste est attribuée. Ce pointage est basé sur la charte d’accessibilité de la W3C, référence universelle dans le domaine du Web.

Simulation de différents niveaux de daltonisme, à même Sketch
Simulation de différentes formes de daltonisme

L’extension peut également montrer un aperçu des différentes formes de daltonisme. Pour certains projets, il peut être intéressant et parfois même primordial de tester comment s’affichera un site web si on est atteint de Protanopie ou de Deutéranomalie par exemple.

Dans n’importe quel document Sketch, on doit simplement lancer l’extension Stark et une fenêtre s’ouvrira. Il est possible de télécharger cet aperçu, pour référence ultérieure.

 

Craft

Craft, extension pour Sketch créée d'Invision Labs, propose 6 outils qui améliorent le flux de travail, et surtout, la rapidité
Craft propose 6 outils qui améliorent le flux de travail, et surtout, la rapidité

Une extension créée par Invision, l’application bien connue des designers UX/UI, Craft possède six outils en un. Le module Craft débloque tout son pouvoir si employé de pair avec Invision, le logiciel en ligne pour créer des prototypes et bien plus. Les fonctionnalités citées ci-bas qui possèdent un astérisque ne sont disponibles qu’avec un compte Invision.

Avec Craft, on peut :

  1. rechercher et télécharger directement dans un document Sketch, une photo provenant d’une banque d’images grâce à l’outil Stock ;
  2. implémenter de vraies informations provenant du web ou de son ordinateur à l’aide de Data ;
  3. dupliquer n’importe quel élément d’un plan de travail à l’aide de Duplicate ;
  4. annoter en temps réel, à plusieurs personnes, avec Freehand* ;
  5. créer un prototype rapide ou plus complexe au moyen de Prototype* ;
  6. synchroniser les écrans d’un projet grâce à Sync* ;

Utilisez-vous des extensions dans Sketch?

Nous n’en avons cité que trois, mais il en existe des dizaines! Dites-nous en commentaires lesquelles vous sont indispensables.

Participez à la discussion

PARTAGER
Les opinions exprimées par les collaborateurs du blogue sont celles de leur auteur et ne reflètent pas nécessairement l’opinion de PIGE.quebec.
Laura Lee Moreau
Je suis d'une lignée de designer graphique qu’on appelle 360°, spécialisée en design web, design d'interface et eCommerce, qui design d’abord et avant tout pour l’humain. Je suis avide de communication, de relations interpersonnelles et de nomadisme numérique. Et je dirige le Studio de création ge-o-de!