Sketch App est un logiciel très puissant pour concevoir les interfaces de sites Internet et d’application mobiles. Ses fonctionnalités peuvent être étendues grâce aux extensions. Gratuites pour la plupart, les plugins Sketch sont très rapides à installer et sont tous très simples d’utilisation.

Pourquoi installer des plugins Sketch ?

Pour optimiser votre workflow et gagner énormément de temps dans la réalisation des prototypes, maquettes et pour préparer le travail d’intégration graphique.

Je vous présente une sélection d’extensions que j’utilise au quotidien et qui sont rapidement devenues indispensables.

Comment installer des plugins Sketch ?

Vous pouvez en installer très simplement en téléchargeant et en exécutant manuellement le fichier d’installation.

Il est également possible d’utiliser un gestionnaire de plugins Sketch, en voici trois parmi les plus connus :

  • Sketch Runner vous permet de rechercher des plugins et effectuer de nombreuses autres actions qui vous feront gagner du temps.
  • Sketch Toolbox est un gestionnaire de plugins simple et efficace.
  • Sketchpacks vous propose de générer et de synchroniser les plugins entre vos différentes machines.

Quelles sont les extensions indispensables ?

FontBuddy

FontBuddy vous permet d’installer en un clic les Google Fonts directement depuis l’application.

Visitez le site de l’extension : http://fontbuddy.co

Fontbuddy Sketch Plugin

Content Generator

Content generator vous fait gagner un temps considérable en générant du faux texte, des images et d’autres contenus. Vous n’avez qu’a choisir un calque de forme ou de texte et générer votre contenu.

L’ajout d’image est particulièrement pratique car il fonctionne aussi bien avec un dossier en local que depuis FlickR. En bonus, vous pouvez même choisir le thème de vos photos !

Voir la page Github de l’extension : https://github.com/timuric/Content-generator-sketch-plugin

 

Map generator

Un plugin qui vous permet de générer une image d’une carte Google Maps très rapidement. vous pouvez notamment choisir la ville et le niveau de zoom.

Voir la page Github de l’extension : https://github.com/eddiesigner/sketch-map-generator

Map Generator Sketch Plugin

Marketch

Marketch est un plugin gratuit pour exporter le code CSS de votre design. Le plugin crée un dossier zippé, vous pouvez ensuite récupérer les styles CSS et exporter les images de votre projet.

Voir la page Github de l’extension : https://github.com/tudou527/marketch

Marketch Sketchapp Plugin

Pixel Perfecter

Ce plugin est extrêmement pratique pour peaufiner vos interfaces. Il vous permet de détecter les éléments qui ne sont pas au pixel près, de plus le plugin permet aussi de corriger les éléments un par un ou tous en même temps…

Voir la page Github de l’extension : https://github.com/swiadek/pixel-perfecter-sketch-plugin

Pixel perfecter sketch plugin

Sketch Measure

Sketch mesure est une extension plutôt puissante qui vous permettra d’ajouter les dimensions et commentaires sur les éléments du design, vous pourrez aussi exporter l’ensemble des spécifications dans un fichier HTML.

Voir la page Github de l’extension : https://github.com/utom/sketch-measure

Sketch Measure plugin Sketch

Sketch palettes

Indispensable pour gérer des palettes de couleur efficacement !

Voir la page Github de l’extension : https://github.com/andrewfiorillo/sketch-palettes

Sketch Palettes Plugin Sketch

L’intégration des plugins Sketch sur d’autres plateformes

Sketch s’intègre aussi parfaitement sur des plateformes comme Invision ou marvel app. Lisez l’article sur la création de prototypes avec Marvel app

Ou trouver d’autres plugins ?

Vous pourrez compléter cette sélection en explorant la page des plugins Sketch et en utilisant les gestionnaires d’extensions. https://www.sketchapp.com/extensions/plugins/

Attention cependant, car certaines extensions ne sont plus compatibles avec la dernière version du logiciel.

Tous les plugins Sketch présentés dans cet articles ont été testés et approuvés 🙂