La liste ultime des 50 meilleurs plugins de croquis

Sketch a pris d'assaut le marché du design. Ils ne publient aucun chiffre officiel, mais il est assez évident que presque toutes les équipes de conception auxquelles vous rejoignez ou à qui vous parlez connaissent ou utilisent Sketch dans une certaine mesure.

L'un des aspects les plus puissants de Sketch est sa communauté de développeurs animée et le fantastique ensemble de plugins qu'ils ont créés pour cela. Avec les plugins Sketch, vous pouvez créer de superbes illustrations 3D et des animations uniques en quelques secondes.

J'ai rassemblé une liste de cinquante des meilleurs plugins Sketch pour vous faire gagner du temps sur la recherche. Je les ai organisés par catégories ci-dessous.

Gestionnaires de plugins Sketch
Plugins d'esquisse de collaboration
Plugins générateurs de contenu et d'objets
Extensions d'exportation et de développement frontal
Plugins de gestion des couches
Utilitaires

Gestionnaires de plugins Sketch

Vous devriez commencer par installer l'un de ces quatre plugins Sketch. Ils vous aideront à gérer et à exécuter vos plugins efficacement.

Packs de croquis

Un navigateur, un gestionnaire et un programme de mise à jour automatique du plugin Sketch. Sketch Packs vous évitera également des problèmes de compatibilité inattendus lors de la mise à jour de Sketch en verrouillant les versions du plug-in.

Coureur de croquis

http://sketchrunner.com/

Sketch Runner est le Spotlight ou Alfred pour Sketch. C'est un puissant plugin Sketch qui vous permet d'exécuter des commandes Sketch à partir de votre clavier. C'est aussi un plugin qui installe et gère d'autres plugins pour vous.

Gestionnaire de plugins d'esquisse

Téléchargez le plugin ici : https://mludowise.github.io/Sketch-Plugin-Manager/

Il s'agit du troisième des quatre plugins que vous trouverez utiles pour tester et gérer vos plugins. Il utilise Git pour gérer tous vos plugins et les maintenir à jour.

Boîte à outils d'esquisse

Télécharger le plugin ici : http://sketchtoolbox.com/

Sketch Toolbox est une autre option qui vous aide à gérer, installer et mettre à jour tous vos plugins Sketch.

Alors que vous devriez essayer ces quatre plugins, mon préféré est Sketch Runner - il vous offre bien plus qu'une simple gestion des plugins. Si vous vous y habituez, vous ne pourrez pas imaginer utiliser Sketch sans lui.

Plugins d'esquisse de collaboration

Une fois que vous avez choisi votre gestionnaire de plugins, passons aux plugins de collaboration Sketch qui vous permettront de gérer vos fichiers, de collaborer avec vos amis, de recueillir des commentaires, etc.

Hauteur zéro

Téléchargez le plugin ici : https://zeroheight.com/

Zero Height est un plug-in externe gratuit qui vous permet de créer des bibliothèques de ressources et des guides de style, de collaborer avec d'autres concepteurs et de tout synchroniser dans le cloud.

Chaîne

Téléchargez le plugin ici : https://github.com/lalomts/Chain

Chain est un excellent plugin lorsqu'il s'agit de changements de couleur dans des fichiers volumineux. Ce plugin Sketch crée des relations de couleurs dynamiques dans Sketch et vous donne la possibilité de changer les couleurs globalement à la volée.

Kaktus

Télécharger le plugin ici : https://kactus.io/

Kaktus est une extension de contrôle de version de conception. Il gère vos fichiers et vous maintient synchronisé avec toute l'équipe.

Abstrait

Téléchargez le plugin ici : https://www.goabstract.com/

Ce plugin est un Git pour les concepteurs. Il vous permet de gérer l'ensemble du projet et de collaborer avec d'autres designers. Il vous donne le contrôle de la version de vos fichiers Sketch, il est intégré à Slack et il vous permet de recueillir les commentaires des clients qui n'utilisent pas Sketch.

Artisanat par InVision

Téléchargez les plugins ici : https://www.invisionapp.com/craft

L'une des extensions Sketch les plus populaires, Craft vous offre un ensemble de plugins différents allant d'un générateur de contenu à un collecteur de commentaires en passant par des outils de prototypage. Au lieu d'ajouter du contenu lorem ipsum, vous pouvez obtenir du contenu réel à partir d'un site Web. Au lieu de rechercher sur des sites Web de stock pour ajouter des avatars d'utilisateurs, vous pouvez le faire directement à partir de Craft. Au lieu de créer des numéros de téléphone aléatoires, vous pouvez simplement les générer.

Ce ne sont que quelques exemples du fonctionnement de Craft. Si vous souhaitez en savoir plus sur Craft, vous devez absolument lire cet article de Toptal Designer Bree Chapin.

Plugins générateurs de contenu et d'objets

Matériel d'esquisse

Téléchargez le plugin ici : https://websiddu.github.io/sketch-material/

Ce plugin Sketch vous permettra de générer n'importe quel composant à partir du système Google Material Design.

Grille d'amorçage

Téléchargez le plugin ici : https://github.com/De-La-Vega/BootstrapGrid

Ce plugin Sketch génère une grille Bootstrap dans les fichiers Sketch. Tout ce que vous avez à faire est de dessiner un rectangle et le plugin créera la grille à l'intérieur.

Calendrier à 7 colonnes

Télécharger le plugin ici : https://www.ls.graphics/

Calendrier à 7 colonnes générera n'importe quel calendrier à 7 colonnes. C'est certainement l'un de mes plugins préférés. Cela permet de gagner beaucoup de temps si vous devez concevoir un calendrier.

Flux d'utilisateurs

Téléchargez le plugin ici : https://abynim.github.io/UserFlows/

La génération de diagrammes de flux utilisateur est un jeu d'enfant avec le plugin User Flows Sketch.

Boucleur

Téléchargez le plugin ici : http://sureskumar.com/looper/

L'un de mes favoris personnels, ce plugin génère des illustrations époustouflantes en dupliquant des formes et des groupes. Vous pouvez l'utiliser pour créer de nombreux types d'illustrations telles que des bannières, des affiches, des motifs, des arrière-plans abstraits, etc. Vous pouvez en savoir plus sur Looper ici.

Confettis

Télécharger le plugin ici : http://www.sketchconfetti.com/

Ce plugin Sketch génère des confettis à partir d'objets et de calques en un seul clic.

Icône Fleur

Téléchargez le plugin ici : https://github.com/avadhbsd/IconFlower

Cela organisera les icônes dans un modèle Phyllotaxis pour vous en un rien de temps.

Patineur

Téléchargez le plugin ici : https://github.com/joshdjuric/Skatter

Un autre excellent plugin Sketch pour créer des motifs aléatoires. Créez simplement quelques formes simples et Skatter les transformera en un beau motif.

Mixeur

Téléchargez le plugin ici : https://github.com/bunnieabc/Blender

Cette nouvelle extension Sketch mélange deux formes et crée un beau dégradé entre elles.

Générateur de carte

Téléchargez le plugin ici : https://github.com/eddiesigner/sketch-map-generator

Si vous en avez assez de capturer des cartes pour vos conceptions, vous allez adorer ce plugin. Dessinez un rectangle, tapez votre emplacement, copiez le style de Snazzy Maps et Map Generator fera le reste pour vous.

Tartes sommaires

Téléchargez le plugin ici : https://github.com/longzheng/sketch-randomSize

Sketch n'est pas le meilleur outil pour créer des camemberts… mais voici Sketchy Pies. Ce plugin Sketch qui créera des graphiques circulaires ou circulaires pour vous.

Dimensionnement aléatoire

Téléchargez le plugin ici : https://github.com/longzheng/sketch-randomSize

Une autre excellente extension Sketch pour créer des graphiques. Vous pouvez randomiser n'importe quelle dimension de forme avec ce plugin pour créer des graphiques à barres.

Extensions d'exportation et de développement frontal

Avec ces plugins, vous pouvez publier des fichiers HTML/CSS, des sites Web entiers ou des newsletters codées sans aucune compétence en codage. De plus, certaines de ces extensions généreront des fichiers pour les équipes de développement qui n'utilisent pas Sketch.

Rampe de lancement

Télécharger le plugin ici : https://launchpad.animaapp.com/

Un plugin Sketch exceptionnel qui vous permet de publier des sites Web prêts à l'emploi sans aucune connaissance du code directement dans Sketch.

Slinky

Télécharger le plugin ici : https://launchpad.animaapp.com/

La prochaine fois que votre client vous demandera de travailler sur un modèle d'e-mail, téléchargez ce plugin. Il vous aidera à créer facilement des modèles d'e-mails avec un code prêt pour HTML et réactif.

Synchroniser avec les diapositives

Téléchargez le plugin ici : https://www.figma.com/community/plugin/952824515190483725/Sync-to-Slides

Un excellent plugin Sketch pour ceux qui travaillent sur des présentations en ligne. Il synchronise les plans de travail Sketch avec Google Slides.

Mesure

Téléchargez le plugin ici : http://utom.design/measure/

Measure est parfait lorsque vous devez transmettre votre fichier de conception à une équipe de développement. Il marque toutes les dimensions et génère un fichier HTML qui contient l'ensemble de la conception, afin que les développeurs sans Sketch puissent facilement l'ouvrir.

Marketch

Télécharger le plugin ici : https://github.com/tudou527/marketch

Un autre plugin qui devient pratique lorsque vous collaborez avec des équipes de développement. Il génère des fichiers HTML contenant des conceptions et vous permet de copier les styles CSS de tous vos calques.

Plugins de gestion des couches

Ces plugins sont vraiment utiles lorsque vous gérez d'énormes fichiers de conception. Ils vous permettent de nettoyer, renommer, supprimer ou rechercher dans les calques Sketch. Vous pouvez également utiliser des emojis pour gérer vos fichiers.

Renommer

Téléchargez le plugin ici : https://github.com/rodi01/RenameIt

Avec ce plugin Sketch, vous pouvez renommer plusieurs calques à la fois en les sélectionnant et en utilisant un seul raccourci.

Nettoyer les groupes inutiles

Téléchargez le plugin ici : https://github.com/bomberstudios/Cleanup-Useless-Groups

Lorsque vous travaillez rapidement, vous pouvez vous retrouver avec des groupes vides. Ce plugin Sketch résoudra vos problèmes en supprimant tous les groupes inutiles (dupliqués ou vides).

Sélectionnez des couches familières

Téléchargez le plugin ici : https://github.com/wonderbit/sketch-select-similar-layers

Si vous connaissez la fonctionnalité "Sélectionner des objets similaires" d'Adobe Illustrator et que cela vous manque dans Sketch, vous allez adorer ce plugin. Ce plugin vous permet de sélectionner des calques avec la même couleur de remplissage, la même couleur de bordure, la même taille de police, le même mode de fusion, etc.

Gestionnaire de plan de travail d'esquisse

Téléchargez le plugin ici : https://github.com/bomberstudios/artboard-manager

Les gestionnaires de plans de travail alignent les plans de travail en lignes et en colonnes et organisent leur position.

Recherche de croquis partout

Téléchargez le plugin ici : https://github.com/MrPeak/sketch-search-everywhere

Avec ce plugin Sketch, vous pouvez trouver n'importe quel calque en tapant simplement son nom.

Trie-moi

Téléchargez le plugin ici : https://github.com/romashamin/sort-me-sketch

Ce petit plugin Sketch triera vos calques ou plans de travail avec un seul raccourci clavier.

Basculer les calques

Téléchargez le plugin ici : https://github.com/joshwayne/jw-sketch-plugins

Un excellent plugin qui, en combinaison avec les Emojis dans les noms de calque, vous permet de basculer la visibilité des calques fournis avec les yeux emoji.

Utilitaires

Ces plugins Sketch étendent principalement les fonctionnalités de base de Sketch ou les rendent plus accessibles.

Miroir Magique 3

Téléchargez le plugin ici : http://magicsketch.io/mirror/

Si vous manquez Perspective Transformation de Photoshop, ce plugin Sketch est indispensable. Vous pourrez transformer n'importe quel calque Sketch en perspective sans le détruire.

Rigide

Téléchargez le plugin ici : http://www.getstark.co/

Un plugin indispensable si vous vous souciez de l'accessibilité de votre projet. C'est un simulateur de daltonisme et un vérificateur de contraste.

Outils pratiques

Téléchargez le plugin ici : https://github.com/webpatch/Handy-Tools

Handy Tools fournit un ensemble de fonctionnalités telles que l'alignement des calques, l'espacement ou la visibilité des calques.

Rayon d'angle de décalage

Téléchargez le plugin ici : https://github.com/DWilliames/nudge-corner-radius-sketch-plugin

Ce plugin vous permet de modifier le rayon des coins depuis votre clavier.

Importer des symboles

Téléchargez le plugin ici : https://github.com/kmerc/sketch-import-symbols

Si vous travaillez sur plusieurs fichiers Sketch, vous voudrez peut-être consulter ce plugin. Il importe tous les symboles d'un fichier Sketch à un autre.

Déplacer d'un demi-pixel

Téléchargez le plugin ici : https://github.com/canisminor1990/sketch-move-half-pixel

Parfois, vous voulez déplacer un objet dans Sketch d'un demi-pixel - c'est un jeu d'enfant avec ce plugin.

Plugins de texte

Téléchargez le plugin ici : https://github.com/joshwayne/jw-sketch-plugins

Avec ces deux plugins, vous pouvez combiner plusieurs calques de texte dans un seul champ de texte, ou vous pouvez diviser un champ de texte en calques séparés.

Appalette

Téléchargez le plugin ici : https://github.com/Carlosarturo28/Appalette

Appalette téléchargera une palette de couleurs à partir de nombreuses applications populaires telles que Dropbox, Facebook ou Airbnb.

Vérifier l'orthographe de tous les calques

Téléchargez le plugin ici : https://github.com/Tallwave/sketch-spellcheck-all-layers

Un de mes plugins Sketch préférés. Il vérifiera l'ensemble du fichier pour les fautes de frappe.

Disposition automatique

Télécharger le plugin ici : https://animaapp.github.io/

Quatre mots qui décrivent ce plugin : Responsive Design for Designers.

Fluide

Téléchargez le plugin ici : https://github.com/matt-curtis/Fluid-for-Sketch

Un plugin complexe qui vous permet de créer des plans de travail réactifs basés sur des contraintes.

Composé

Téléchargez le plugin ici : https://github.com/romashamin/compo-sketch

Avec ce plugin Sketch, vous pouvez créer des composants dynamiques de niveau supérieur.

FlipSize

Téléchargez le plugin ici : https://github.com/apertureless/sketch-flip-size

Un petit plugin Sketch qui changera la largeur et la hauteur de l'objet avec un seul raccourci.

Perfecteur de pixels

Téléchargez le plugin ici : https://github.com/swiadek/pixel-perfecter-sketch-plugin

Avec ce plugin Sketch simple, vous éviterez les dimensions de calque cassées.

Icône Stamper

Téléchargez le plugin ici : https://github.com/tylergaw/icon-stamper

Un plugin Sketch qui générera différentes tailles d'icônes pour vous.

Tableaux sociaux

Téléchargez le plugin ici : https://github.com/herrhelms/social-artboards-sketch

Si vous créez beaucoup d'images de médias sociaux, ce plugin Sketch vous fera gagner beaucoup de temps en générant pour vous des plans de travail de différentes tailles.

Trouver et remplacer

Téléchargez le plugin ici : https://github.com/thierryc/Sketch-Find-And-Replace

Avec ce plugin Sketch, vous pouvez rechercher et remplacer n'importe quel texte dans votre fichier.

• • •

Pour en savoir plus sur le blog Toptal Design :

• eCommerce UX - Un aperçu des meilleures pratiques (avec infographie)
• L'importance de la conception centrée sur l'humain dans la conception de produits
• Les meilleurs portefeuilles de concepteurs UX - Études de cas et exemples inspirants
• Principes heuristiques pour les interfaces mobiles
• Conception anticipative : comment créer des expériences utilisateur magiques