Sketch a pris d'assaut le marché du design. Aucun problème officiel n'a été publié, mais il est assez évident que presque toutes les équipes de conception que vous rejoignez ou que vous connaissez 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 l'ensemble fantastique 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 dressé une liste de cinquante des meilleurs plugins Sketch pour 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 de générateur de contenu et d'objets
Plugins 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 efficacement vos plugins.
Paquets de croquis
Téléchargez le plugin ici: https://sketchpacks.com/
Un explorateur de plugin Sketch, un gestionnaire et un programme de mise à jour automatique. Les packages Sketch vous éviteront également des problèmes de compatibilité inattendus lors de la mise à jour de Sketch en verrouillant les versions de plug-in.
Sketch Runner
Sketch Runner sous les projecteurs 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 plug-ins Sketch
Téléchargez le plugin ici: https://mludowise.github.io/Sketch-Plugin-Manager/
C'est le troisième des quatre plugins que vous trouverez utiles lors du test et de la gestion de vos plugins. Utilisez Git pour gérer tous vos plugins et les maintenir à jour.
Boîte à outils d'esquisse
Téléchargez le plugin ici: http://sketchtoolbox.com/
comment rédiger la documentation d'un logiciel
Sketch Toolbox est une autre option qui vous aide à gérer, installer et mettre à jour tous vos plugins Sketch.
Bien que vous devriez essayer ces quatre plugins, mon préféré est Sketch Runner - il vous offre bien plus que la 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, jetons un coup d'œil aux plugins de collaboration Sketch qui vous permettront de gérer vos fichiers, de collaborer avec vos amis, de recueillir des commentaires, et bien plus encore.
Hauteur zéro
Téléchargez le plugin ici: https://zeroheight.com/
Zero Height est un plugin 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://lalomrtnz.github.io/Chain/
Chain est un excellent plugin pour les changements de couleur dans les gros fichiers. Ce plugin Sketch crée des relations de couleurs dynamiques dans Sketch et vous donne la possibilité de changer globalement les couleurs à la volée.
Cactus
Téléchargez le plugin ici: https://kactus.io/
Kaktus est une extension de contrôle de version de conception. Gérez vos fichiers et restez 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 version de vos fichiers Sketch, est intégré à Slack et 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
Étant l'une des extensions Sketch les plus populaires, Craft vous propose un ensemble de plugins différents allant d'un générateur de contenu à un collecteur de commentaires et 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 des sites Web boursiers 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 là que quelques exemples du fonctionnement de Craft. Si vous voulez en savoir plus sur Craft, vous devez absolument lire cet article du designer ApeeScape Bree Chapin .
Plugins de générateur 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 du système Google Material Design.
Grille Bootstrap
Téléchargez le plugin ici: https://github.com/De-La-Vega/BootstrapGrid
Ce plugin Sketch génère le réseau 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échargez le plugin ici: https://freedesignresources.net/7-columns-calendar-creator
Le calendrier à 7 colonnes générera n'importe quel calendrier à 7 colonnes. C'est certainement l'un de mes plugins préférés. Gagnez beaucoup de temps si vous devez concevoir un calendrier.
Flux d'utilisateurs
Téléchargez le plugin ici: https://abynim.github.io/UserFlows/
La création de diagrammes utilisateur est un jeu d'enfant avec le plugin User Flows Sketch.
Boucleur
Téléchargez le plugin ici: http://sureskumar.com/looper/
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 obtenir plus d'informations sur Looper ici .
Confettis
Téléchargez le plugin ici: http://www.sketchconfetti.com/
Ce plugin Sketch génère des confettis d'objets et de couches en un seul clic.
Icône Fleur
Téléchargez le plugin ici: https://github.com/avadhbsd/IconFlower
Cela arrangera les icônes dans un modèle de phyllotaxie pour vous à tout moment.
Les impôts
Téléchargez le plugin ici: https://github.com/joshdjuric/Skatter
un pmo n'est pas utilisé
Un autre excellent plugin Sketch pour créer des motifs aléatoires. Créez simplement des formes simples et Skatter les transformera en un beau design.
Mixeur
Téléchargez le plugin ici: https://github.com/bunnieabc/Blender
Cette nouvelle extension Sketch combine 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 êtes fatigué de capturer des cartes pour vos conceptions, vous allez adorer ce plugin. Dessinez un rectangle, écrivez son emplacement, copiez le style du Cartes Snazzy , et Map Generator fera le reste pour vous.
Pieds fragmentaires
Téléchargez le plugin ici: https://github.com/abynim/sketchy-pies
Sketch n'est pas le meilleur outil pour créer des graphiques à secteurs… mais voici Sketchy Pies. Ce plugin Sketch créera pour vous des graphiques à secteurs ou à secteurs.
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.
Plugins d'exportation et de développement frontal
Avec ces plugins, vous pouvez publier des fichiers HTML / CSS cryptés, des sites Web entiers ou des newsletters sans aucune compétence en codage. De plus, certaines de ces extensions généreront des fichiers pour les équipes de développement n'utilisant pas Sketch.
Rampe de lancement
Téléchargez le plugin ici: https://launchpad.animaapp.com/
Un excellent plugin Sketch qui vous permet de publier des sites Web prêts à l'emploi sans aucune connaissance du code directement dans Sketch.
migration de données à partir de systèmes existants
Slinky
Téléchargez 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. Cela vous aidera à créer facilement des modèles de courrier électronique avec un code HTML réactif.
Synchroniser avec les diapositives
Téléchargez le plugin ici: https://websiddu.github.io/sync-to-slides/
Un excellent plugin Sketch pour ceux qui travaillent sur des présentations en ligne. Synchronisez les plans de travail de Sketch à Google Slides.
Mesure
Téléchargez le plugin ici: http://utom.design/measure/
La mesure est parfaite 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 la conception entière, afin que les développeurs sans Sketch puissent facilement l'ouvrir.
Marketch
Téléchargez le plugin ici: https://github.com/tudou527/marketch
Un autre plugin utile lors de la collaboration avec des équipes de développement. Il génère des fichiers HTML contenant des mises en page et vous permet de copier les styles CSS de toutes vos couches.
Plugins de gestion des couches
Ces plugins sont vraiment utiles lorsque vous gérez de gros fichiers de conception. Ils vous permettent de nettoyer, renommer, supprimer ou rechercher dans les calques d'esquisse. Vous pouvez également utiliser des émoticônes pour gérer vos fichiers .
RenameIt
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 vite, vous pouvez vous retrouver avec des groupes vides. Ce plugin Sketch résoudra vos problèmes en supprimant tous les groupes inutiles (doublons ou vides).
Sélectionnez les calques familiers
Téléchargez le plugin ici: https://github.com/wonderbit/sketch-select-similar-layers
Si vous connaissez la fonction «Sélectionner des objets similaires» d'Adobe Illustrator et que vous la manquez dans Sketch, vous allez adorer ce plugin. Ce plugin vous permet de sélectionner des calques avec la même couleur de remplissage, couleur de bordure, taille de police, mode de fusion, etc.
Gestionnaire de plan de travail Sketch
Téléchargez le plugin ici: https://github.com/bomberstudios/artboard-manager
Les gestionnaires de plans de travail organisent les plans de travail en lignes et en colonnes et organisent leur position.
Recherche d'esquisse 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 simplement en tapant son nom.
Trier moi
Téléchargez le plugin ici: https://github.com/romashamin/sort-me-sketch
Ce petit plugin Sketch classera vos calques ou plans de travail avec un raccourci clavier.
Basculer les couches
Téléchargez le plugin ici: https://github.com/joshwayne/jw-sketch-plugins
Un excellent complément qui, en combinaison avec Emojis dans les noms de calques , vous permet de basculer la visibilité du calque fournie avec l'emoji œil).
Utilitaires
Ces plugins Sketch étendent principalement les fonctions de base de Sketch ou les rendent plus accessibles.
Miroir magique 3
Téléchargez le plugin ici: http://magicsketch.io/mirror/
comment atténuer le risque de change
Si vous manquez la transformation de perspective de Photoshop, ce plugin Sketch est un must. Vous pouvez transformer n'importe quel calque d'esquisse en perspective sans le détruire.
Fort
Téléchargez le plugin ici: http://www.getstark.co/
Un complément indispensable si vous vous souciez de l'accessibilité de votre projet. C'est un simulateur daltonien 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, le basculement entre l'espacement des calques ou la visibilité.
Nudge Corner Radius
Téléchargez le plugin ici: https://github.com/DWilliames/nudge-corner-radius-sketch-plugin
Ce plugin vous permet de changer le rayon de coin de 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. Importez tous les symboles d'un fichier Sketch à un autre.
Déplacer un demi-pixel
Téléchargez le plugin ici: https://github.com/canisminor1990/sketch-move-half-pixel
Parfois, vous souhaitez 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
informations de carte de crédit gratuites piratées
Avec ces deux plugins, vous pouvez combiner plusieurs calques de texte dans un 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 erreurs typographiques.
Disposition automatique
Téléchargez 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 en fonction de contraintes.
Compo
Téléchargez le plugin ici: https://github.com/romashamin/compo-sketch
Avec ce plugin Sketch, vous pouvez créer des composants dynamiques d'un autre niveau.
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 raccourci.
Pixel Perfecter
Téléchargez le plugin ici: https://github.com/swiadek/pixel-perfecter-sketch-plugin
Avec ce simple plugin Sketch, vous éviterez les dimensions de couche 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.
Plans de travail sociaux
Téléchargez le plugin ici: https://github.com/herrhelms/social-artboards-sketch
Si vous créez beaucoup d'images de réseaux sociaux, ce plugin Sketch vous fera gagner beaucoup de temps en générant des planches 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 trouver et remplacer n'importe quel texte dans votre fichier.
