Une des fonctionnalités bien pratiques de Sketch est de pouvoir utiliser un fichier comme template.

Particulièrement utile pour une équipe de designers travaillants sur le même produit, ce système de template permet par exemple de créer un design system et de le partager / utiliser facilement.

Fonctionnement des templates Sketch

Le fonctionnement des templates est très simple.
On place un fichier .sketch dans le répertoire Templates, et ce dernier sera alors accessible depuis le menu « File > New From Template »

Voyons déjà comme accéder à ce dossier de templates.

Emplacement du répertoire de templates de Sketch.

Ça ne s’invente pas et il n’est pas particulièrement accessible en lui même.
Il est situé sur votre disque à ce chemin :

~/Library/Application\ Support/com.bohemiancoding.sketch3/Templates

Histoire de les avoir à disposition et facilement accessibles, je vous conseille de faire un lien vers ce dossier dans le répertoire de votre choix.

Par exemple, votre répertoire utilisateur, ou même, pour le partager / synchroniser avec plusieurs personnes, dans un répertoire Dropbox par exemple.

Accéder au dossier Templates dans votre dossier utilisateur

Rendez vous dans le terminal, et entrez ces instructions.

1. Allez dans le répertoire de Sketch

   cd ~/Library/Application\ Support/com.bohemiancoding.sketch3/

2. Déplacez votre dossier template (normalement vide) dans votre dossier utilisateur. (j’ai choisi de le nommer Sketch-Templates)

   mv Templates ~/Sketch-Templates

3. Faites un lien symbolique pour que Sketch puisse utiliser ce répertoire comme dossier « Templates »

   ln -s ~/Sketch-Templates Templates

   Voilà, c’est fini, maintenant déposez dans ce dossier vos fichiers Sketchs vous servant de Templates.

   Vous pouvez y conserver une hiérarchie aussi, Sketch cherchera les fichiers .sketch dans ce dossier de manière récursive.

Remarquez aussi que vous pouvez accéder directement au répertoire depuis le menu maintenant ;)

Si vous souhaitez le déplacer dans le répertoire Dropbox, modifiez le chemin de l’étape 2. et 3. pour pointer sur votre répertoire Dropbox (typiquement ~/Dropbox/Sketch-Templates/)