Accéder à / Synchroniser ses templates Sketch

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 :

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
  2. Déplacez votre dossier template (normalement vide) dans votre dossier utilisateur. (j’ai choisi de le nommer Sketch-Templates)
  3. Faites un lien symbolique pour que Sketch puisse utiliser ce répertoire comme dossier « 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/)

 

Synchroniser ses plugins Sketch

Sketch est une app qu’il n’est plus vraiment nécessaire de présenter. Une des possibilitées offertes par ce dernier en fait d’ailleurs sa principale force : le fait de pouvoir y ajouter des plugins et d’ainsi améliorer / ajouter des fonctions au logiciel.

Un problème apparait assez rapidement. Le nombre de plugins installés se multiplie assez vite et il devient difficile de les gérer et surtout de les synchroniser entre plusieurs machines.

Personnellement, j’utilise mon Hackintosh comme machine de travail principale, et mon Macbook Retina le reste du temps.
Avoir les mêmes plugins sur les 2 machines m’est plutôt important.

TLDR; Le Repo Github de mes Plugins

Utiliser Git / Github comme liste.

Conserver une liste ou se souvenir de ces derniers et d’où les télécharger peut s’avérer vite fastidieux et bancal. La majorité des plugins étants disponibles sur Github, je me suis demandé si il était possible de créer un Repo incluant tout les repos des plugins que j’utilise.

Il est tout à fait possible de créer un Repo et d’y mettre les plugins dedans, et de pusher le tout sur Github, mais il reste nécessaire de les mettre à jour à la main à chaque fois et surtout de ne pas oublier de push les modifs sur Github. Fastidieux.

Git Submodule

Après quelques recherches, j’ai découvert la fonction « git submodule » qui permet de créer un genre de « meta-repo », un repo contenant des liens vers d’autres repo.
Plus besoin de télécharger les plugins, les mettre dans son repo et de push sur Github.
Il suffit d’ajouter un nouveau « submodule » dans son repo et le tour est joué ! 

La seule opération alors à réaliser est de maintenir la liste des « submodules » et de « pull » les mises à jour régulièrement sur ses machines, le meta-repo permettant d’automatiquement récupérer les nouveaux fichiers et modifications des sub-repo.

Une solution collaborative

Cette solution est aussi très pratique dans une équipe de designers / front-end developpeurs. Cela permet d’utiliser tous les mêmes outils et maintenir une cohérence logicielle commune.

Je vous invite à découvrir mon Repo, et de le forker pour créer votre propre liste :)
J’y ai inclus un petit « How to » pour gérer tout ça simplement.

Sketch Plugins Repo by edenpulse

Ajouter des séparateurs dans le dock de macOS

Si comme moi, vous avez un dock bien rempli, avec beaucoup d’icônes d’applications, il peut être intéressant de grouper certaines apps en ajoutant des séparateurs entre certaines icônes.

Capture decran 2016-01-18 16.26.36

Une petite astuce permet d’ajouter ces espaces.
Direction le terminal. (Applications > Utilitaires > Terminal.app)

Puis, pour ajouter un séparateur, entrez cette commande :

[code_highlight]defaults write com.apple.dock persistent-apps -array-add ‘{tile-data={}; tile-type= »spacer-tile »;}'[/code_highlight]

Répétez l’opération autant de fois que vous souhaitez ajouter de séparateurs, puis relancez le dock pour appliquer les changements avec la commande :

[code_highlight]killall Dock[/code_highlight]

 Voilà ! Il vous suffit maintenant de déplacer les espaces crées sur la droite de votre Dock comme s’il s’agissait d’une application.

Votre iPhone est lent ? Testez cette simple astuce

Vous avez fait la dernière mise à jour d’Apple, et votre iPhone 6s est devenu légèrement plus lent que précédemment ? Sans aller crier à l’obsolescence programmée directement, une simple astuce permet de retrouver un peu plus de rapidité, sans perdre ses données.
Ne vous attendez pas à rendre votre iPhone 4s, 5, de nouveau super rapides hein, ce n’est pas magique. (Un article là dessus bientôt d’ailleurs) Continuer la lecture de « Votre iPhone est lent ? Testez cette simple astuce »