Comment utiliser les bibliothèques d'esquisses une collaboration simplifiée

Dans ce didacticiel, vous apprendrez tout sur une toute nouvelle fonctionnalité Sketch appelée "bibliothèques". Les bibliothèques ont récemment été introduites, dans la version 47, et améliorent vraiment la façon dont nous travaillons avec les actifs et les autres membres de l'équipe..

Regarder Screencast

 

Présentation des bibliothèques d'esquisses

Une bibliothèque Sketch est essentielle pour un fichier Sketch avec une multitude de symboles. Là où les bibliothèques diffèrent, c’est que les symboles qu’elles contiennent deviennent disponibles dans l’application Sketch sans que vous ayez à ouvrir le document dans lequel elles sont stockées. Vous pouvez importer les ressources de votre bibliothèque dans n’importe quel document Sketch de votre choix..

Ouvrez Sketch 47 pour la première fois et vous verrez immédiatement qu’une bibliothèque est à votre disposition, sous le Insérer ou la symbole menu. La «bibliothèque de conception d’UI iOS» contient une grande variété d’actifs que vous pouvez placer directement sur votre planche d’art..

Comment créer votre propre bibliothèque d'esquisses

Pour démontrer cela, je vais créer une bibliothèque de nuances de couleurs. Tout d'abord, nous créons une page, puis sur cette page, nous plaçons quelques échantillons de couleur (des rectangles de toutes les couleurs souhaitées). En utilisant le Créer des symboles option nous nommons chacun, en commençant par Couleur/ afin de les regrouper dans le menu des symboles. 

Ce document particulier est enregistré en permanence dans un emplacement approprié et constitue déjà une sorte de bibliothèque. Mais maintenant, nous devons l'ajouter à Sketch lui-même.

Aller à Esquisse> Préférences> Bibliothèques et cliquez Ajouter une bibliothèque. Ensuite, pointez sur le fichier dont vous avez besoin (notre fichier couleur dans ce cas) et regardez-le se rendre disponible dans la liste des bibliothèques..

Whoomp! (Le voilà)

Maintenant, nous pouvons accéder à nos symboles de couleur à partir du Symboles menu où l'on voit aussi d'autres bibliothèques listées.

Mise à jour des symboles et des bibliothèques

Fait important, à ce stade du processus, un avertissement apparaît au bas de notre fichier de couleurs d'origine:

Toute modification apportée aux symboles contenus dans ce fichier se répercutera directement sur la bibliothèque et, par conséquent, sur tout autre fichier utilisant cette bibliothèque. Si nous choisissons de faire une mise à jour, nous serons avertis dans d'autres fichiers utilisant la bibliothèque (voir en haut à droite de la fenêtre):

En cliquant Mise à jour de la bibliothèque disponible ouvrira une boîte de dialogue indiquant exactement les modifications apportées avant de vous engager à les utiliser.

Conclusion

Imaginez les bibliothèques de puissance que vous et votre équipe de conception pourriez vous proposer. Prenez en compte la situation ci-dessus et les couleurs de vos propres conceptions: modifiez les couleurs d'une nuance dans votre bibliothèque de marques principale et regardez-les s'appliquer à tous vos composants. Et cela s’applique également à toutes sortes de symboles; symboles de typographie, icônes, styles… brillant!

Jetez un coup d'œil au screencast ci-dessus pour plus de détails et restez à l'affût pour d'autres mises à jour et astuces de Sketch..