Contenu
- 01. Guides de copie et de collage
- 02. Nettoyeur de croquis
- 03. Anima
- 04. React Sketch.app
- 05. Plug-in Git Sketch
- 06. ImageOptim
- 07. Miroir magique
- 08. Exporter plus
- 11. Marketch
- 12. Cercles segmentés
- 13. Sketch Runner
- 14. Police de l'icône
- 15. Rechercher et remplacer
Les plugins Sketch aident à améliorer Sketch. Sketch est l'outil de conception Web d'interface utilisateur de choix pour beaucoup, et une partie de ce qui est si bon est la communauté de personnes qui travaillent pour étendre ses fonctionnalités et ses fonctionnalités en créant des plugins personnalisés.
La gestion de vos plugins Sketch est désormais plus facile que jamais. Les plugins se mettent à jour automatiquement et les plus obsolètes sont désactivés. Rendre l'écosystème de plugins encore plus utile est Sketch Cloud, un service de partage de fichiers auquel tout le monde peut s'inscrire, où vous pouvez afficher, télécharger et commenter des documents Sketch qui ont été partagés publiquement ou en privé directement à partir de Sketch.
Jetons donc un coup d'œil aux meilleurs plugins Sketch - ceux qui pourraient radicalement changer la façon dont vous concevez les interfaces utilisateur. Une fois que vous en avez repéré un que vous souhaitez, découvrez comment installer les plug-ins Sketch. Si vous aimez vos outils Web, ne manquez pas nos outils de conception Web préférés, le créateur de sites Web et les analyses de stockage dans le cloud. Et n'oubliez pas que votre choix de fournisseur d'hébergement Web est crucial pour le succès de votre site (notre guide vous aidera).
01. Guides de copie et de collage
- Télécharger ici
- Prix: Libérer
- Résumé: Copiez, collez ou supprimez des guides de vos plans de travail
Chaque designer a une relation amour / haine avec les guides. Parfois, ils sont absolument essentiels et le reste du temps, ils ne font que vous gêner. Si vous utilisez des guides au lieu de l'option de mise en page de Sketch, les changer pour plusieurs plans de travail peut être un cauchemar, mais avec ce plugin, il est facile de copier, coller et supprimer des guides de tous vos plans de travail.
02. Nettoyeur de croquis
- Télécharger ici
- Prix: $2
- Résumé: Obtenez vos fichiers de conception aussi propres qu'un sifflet
Toute conception d'esquisse ayant subi quelques itérations est susceptible de ramasser un peu de déchets en cours de route, tels que des calques masqués, des positions de bordure incohérentes et des styles de calque inutilisés.
Même si ce n’est pas la fin du monde d’avoir un fichier Sketch en désordre, cela peut affecter le transfert, et cela facilitera la vie de tous ceux qui doivent en comprendre le sens sur toute la ligne. Plutôt que de tout parcourir à la main, utilisez Sketch Cleaner pour résoudre automatiquement tous les problèmes courants.
03. Anima
- Télécharger ici
- Prix: Gratuit vers le haut
- Résumé: Créez des prototypes réactifs et haute fidélité
Auparavant disponible en tant que plugins gratuits séparés - Mise en page automatique et Launchpad - Anima est maintenant un plugin tout-en-un conçu pour vous aider à créer des mises en page réactives avec des épingles, des piles et un rembourrage, et des prototypes haute fidélité qui s'adaptent à tous les écrans. Il existe encore une version gratuite qui prend en charge un projet; pour des projets illimités, le prix commence à 25 $ par mois.
04. React Sketch.app
- Télécharger ici
- Prix: Libérer
- Résumé: Rendu des composants React en esquisse
La gestion des ressources de conception peut être difficile dans Sketch. Ce plugin Sketch pratique offre un moyen plus simple et plus fiable de gérer vos actifs. Implémentez vos conceptions dans le code en tant que composants React, puis utilisez ce plugin pour les rendre dans une esquisse. Cela facilite également la récupération et l'implémentation de données réelles dans vos fichiers Sketch.
React Sketch.app a été développé par Airbnb pour être utilisé avec son système de conception, dans le but d'aider à combler le fossé entre les concepteurs et les développeurs.
05. Plug-in Git Sketch
- Télécharger ici
- Prix: Libérer
- Résumé: Un client Git intégré à Sketch
Ce plugin vise à apporter le contrôle de version dans Sketch. Il fonctionne en exportant une image pour chaque partie de la conception, puis en générant de jolies différences afin de savoir clairement les modifications apportées. En documentant chaque étape du processus de conception, tous les membres de l'équipe peuvent voir comment la conception a progressé.
Git Sketch Plugin a été créé par Mathieu Dutour, qui est passé depuis à la création d'un système de contrôle de version payant plus complet appelé Kactus.
06. ImageOptim
- Télécharger ici
- Prix: Libérer
- Résumé: Optimisation de l'image dans Sketch
Bien que Sketch propose sa propre solution pour optimiser les fichiers SVG, il n'y a pas de gamme d'options pour compresser les images JPG et PNG. Étant donné qu'ImageOptim offre un service solide depuis plusieurs années, il est logique qu'il apporte cette fonctionnalité à Sketch.
Tout concepteur soucieux des temps de chargement et de l'optimisation des images (qui devraient être tous des concepteurs) devrait ajouter ImageOptim à sa boîte à outils. Notez qu'en plus du plug-in, vous aurez besoin de l'application principale ImageOptim (gratuite) installée sur votre système macOS, et vous devez toujours marquer les calques comme exportables dans Sketch (accédez à "Exporter et optimiser tous les éléments" pour commencer).
07. Miroir magique
- Télécharger ici
- Prix: À partir de 4 $ / mois
- Résumé: Outil de transformation de perspective d'image
Si vous essayez de créer des maquettes de produits impressionnantes mais que vous devez continuer à vous lancer dans Photoshop pour gérer les choses délicates, Magic Mirror pourrait vous sauver la vie. Il s’agit d’un outil de transformation de perspective d’image qui vous permet de créer des maquettes de perspective et d’autres effets déformés sans jamais quitter Sketch.
08. Exporter plus
- Télécharger ici
- Prix: Libérer
- Résumé: Génère automatiquement des images d'espace réservé
L'ajout d'images d'espace réservé à une conception est une partie nécessaire du prototypage, mais trouver les images réelles peut être pénible. Alors plutôt que de perdre du temps dessus, laissez tout cela à Day Player. Cela vous permet d'ajouter des images d'espace réservé personnalisées à n'importe quel document Sketch, à partir d'un certain nombre de services d'images d'espace réservé différents.La plus grande décision à prendre sera donc de savoir si vous souhaitez utiliser Bill Murray, Nicolas Cage ou des chatons.
11. Marketch
- Télécharger ici
- Prix: Libérer
- Résumé: Générer une page html qui peut mesurer et obtenir des styles CSS
Si vous souhaitez récupérer des styles CSS à partir de vos conceptions Sketch, un plugin comme Marketch est absolument essentiel. Il vous permet d'exporter vos plans de travail Sketch sous forme de fichier zip rempli de documents HTML que vous pouvez ensuite extraire afin d'extraire beaucoup de CSS doux, prêts à l'emploi.
12. Cercles segmentés
- Télécharger ici
- Prix: Libérer
- Résumé: Créez des graphiques circulaires précis
Voici un moyen rapide de créer des cercles segmentés pour les graphiques et les diagrammes. Ce plugin peut produire différents styles de diagramme circulaire, y compris des cercles en pointillés et en graduations, et les épaisseurs sont contrôlées via une simple liste de valeurs séparées par des virgules.
13. Sketch Runner
- Télécharger ici
- Prix: Libérer
- Résumé: Spotlight pour la recherche
Sketch est apprécié pour son flux de travail minimaliste au clavier. Cela étant dit, il y a toujours deux ou trois raccourcis clavier que vous semblez toujours oublier ou confondre avec une autre application de conception comme Photoshop - et n'oublions pas ces outils et fonctionnalités moins courants qui n'ont pas de raccourci clavier et sont cachés profondément dans le Menu d'esquisse.
Sketch Runner résout ces problèmes et le fait d'une manière familière aux utilisateurs de macOS - Sketch Runner est le projecteur macOS, mais pour Sketch.
14. Police de l'icône
- Télécharger ici
- Prix: Libérer
- Résumé: Gérer les polices d'icônes
Les polices d'icônes sont un moyen très efficace d'utiliser des icônes dans vos conceptions Web sans avoir à exporter et à optimiser une tonne d'actifs d'image. En règle générale, nous référençons les polices d'icônes dans le tête> section des pages Web HTML, comme nous le faisons avec CSS et JavaScript. Cependant, les utiliser dans Sketch est un peu plus compliqué. Heureusement, Icon Font vous facilite la tâche.
Après avoir téléchargé et installé Sketch IconFont, téléchargez les fichiers de polices SVG ou téléchargez cet ensemble de polices, qui comprend les fichiers de polices pour FontAwesome, les icônes de conception de matériaux, les icônes Ion et les icônes de ligne simple. Lorsque vous avez terminé, accédez à Plugins> Police d'icônes> Installer un ensemble de polices, sélectionnez les polices téléchargées dans la boîte de dialogue Ouvrir un fichier, puis accédez à Plugins> Police d'icône> Insertion de grille> [la police d'icône de votre choix] afin d'insérer une icône.
Même si vous avez l'intention de concevoir un jeu d'icônes personnalisé pour votre conception, le fait de disposer d'icônes prêtes à l'emploi peut vous aider à réaliser un prototypage rapide dans les premiers stades de la conception, en ajoutant un peu plus de clarté / fidélité à vos maquettes basse fidélité. .
15. Rechercher et remplacer
- Télécharger ici
- Prix: Libérer
- Résumé: Rechercher et remplacer du texte dans les calques sélectionnés
Les éditeurs de texte ne sont pas le seul endroit où vous devez rechercher et remplacer - ils sont également utiles dans Sketch. Ce plugin dispose de nombreuses options avancées et vous permet de rechercher des instances de mots ou de phrases particuliers dans le texte des calques sélectionnés (et tout ce qui y est contenu), puis de le remplacer facilement.
Page suivante: Plus de plugins Sketch pour gagner du temps
