Comment utiliser la bibliothèque dans Sketch est simple

Les bibliothèques sont des documents d'esquisse qui contiennent des éléments tels que des symboles, des styles de texte et des styles de calque que vous pouvez partager sur tous les autres documents, même des membres de l'équipe entiers.

Sketch Sketch pour Mac

Lors de la mise à jour des composants dans les bibliothèques, les documents qui les utilisent reçoivent une notification de mise à jour. Vous pouvez consulter ces modifications et les valider pour vous assurer que vous utilisez toujours les derniers composants pour votre travail en cours.

Les bibliothèques sont extrêmement utiles dans les équipes de conception collaborative, dans lesquelles elles doivent partager des composants tels que des icônes, des éléments d'interface ou des marques. Cependant, ils sont toujours utiles même lorsque vous travaillez seul. Avec les bibliothèques, vous pouvez rapidement insérer des composants communs (comme les éléments de l'interface utilisateur iOS d'Apple) dans vos conceptions et vous assurer qu'ils sont toujours à jour.

Ajouter une bibliothèque

Ouvrez les Préférences de Sketch en sélectionnant Sketch> Préférences (ou en appuyant sur + ,) et en cliquant sur l'onglet Bibliothèques . Ici, vous pouvez faire glisser un document Library Sketch dans la fenêtre ou utiliser le bouton Ajouter une bibliothèque ... pour ajouter les données souhaitées.

Partager les bibliothèques

Il existe plusieurs façons de partager des bibliothèques avec d'autres, par exemple via les services cloud, le partage via Sketch for Teams ou Cloud, ou le téléchargement sur un serveur et l'utilisation de RSS pour les mises à jour.

L'utilisation d'un service cloud comme Dropbox ou Google Drive pour partager une bibliothèque est aussi simple que de télécharger un document Sketch et de le partager avec ceux qui en ont besoin. Ils recevront une notification dans Sketch chaque fois qu'ils le mettront à jour.

L'utilisation de Sketch Cloud pour partager la bibliothèque est également simple. Téléchargez simplement le document dans ce cloud, ouvrez ses paramètres, cochez Utiliser comme bibliothèque , puis cliquez sur Enregistrer les modifications .

Quiconque partage ce document de bibliothèque dans Sketch Cloud peut cliquer sur le bouton Ajouter une bibliothèque à Sketch dans l'aperçu du document pour l'ajouter en tant que bibliothèque et recevoir des notifications sur Sketch lors de sa mise à jour.

Partager des bibliothèques avec Sketch for Teams

Si cela fait partie des bibliothèques partagées et découvertes par une équipe, c'est encore plus simple. Téléchargez votre document dans l'environnement de travail d'équipe, cliquez sur l'icône de rouage pour ouvrir les paramètres, cochez Utiliser comme bibliothèque> cliquez sur Enregistrer les modifications .

Revenez à l'application Mac et vous verrez toutes les bibliothèques cloud de toute équipe travaillant dans l'onglet Bibliothèques sous Préférences. Vous pouvez faire défiler et trouver les bibliothèques dont vous avez besoin. Lorsque vous souhaitez utiliser une bibliothèque, appuyez simplement sur Installer .

L'utilisation de RSS et d'un serveur pour partager des bibliothèques est un peu plus compliquée. Tout d'abord, vous devez héberger ce document de bibliothèque sur un serveur. Ensuite, vous devez créer un fichier XML comme celui-ci:

<? xml version = "1.0" encoding = "UTF-8"?>
<rss version = "2.0" xmlns: atom = "http://www.w3.org/2005/Atom" xmlns: content = "http: //purl.org/rss/1.0/modules/content/ "xmlns: dc =" http://purl.org/dc/elements/1.1/ "xmlns: sparkle =" http://www.andymatuschak.org/ xml-namespaces / sparkle ">
<channel>
<title> My Sketch Library </title>
<description> My Sketch Library </description>
<image>
<url> </url>
<title> My Sketch Library </title>
</image>
<generator> Sketch </generator>
<item>
<title> Ma bibliothèque de croquis </title>
<pubDate> mer. 23 juin 2019 11:19:04 +0000 </pubDate>
<enceinte url = "mysketchlibrary.sketch" type = "application / octet-stream" sparkle: version = "1" />
</item>
</channel>
</rss>

Dans ce fichier XML, vous devez modifier les éléments suivants:

  • <title> - Le nom de la bibliothèque à apparaître dans Sketch.
  • <image> <url> - L'URL miniature par défaut que Sketch essaiera d'utiliser pour votre bibliothèque. Il pointera vers l'URL de l'image accessible au public.
  • <item> - Les informations entre les balises d'élément sont celles que vous souhaitez mettre à jour lors de la création d'une nouvelle version de bibliothèque. Vous n'avez besoin que d'une étiquette d'élément dans le flux.

Dans cette balise de section, pour chaque mise à jour, vous devez inclure:

  • <pubDate> - Date publique de mise à jour de la bibliothèque au format RFC822.
  • <enclosure> - La balise de pièce jointe a 3 attributs: url, type & sparkle: version. Cette URL doit pointer directement vers l'emplacement du serveur du document Bibliothèque, le type doit être "application / octet-stream" et enfin, sparkle: version est le dernier numéro de version de mise à jour.

Assurez-vous d'avoir enregistré à la fois le flux XML et le fichier Sketch avec une URL au format http ou https, mais ne combinez pas les deux.

Enfin, utilisez un outil comme l'encodeur d'URL Meyerweb pour encoder le XML du flux d'URL et ajoutez-le comme suit:

sketch: // add-library? url =

Entrez l'URL complète (de sketch: // à la fin de l'URL cryptée) dans votre navigateur pour ouvrir Sketch et ajouter votre bibliothèque partagée.

Icône de bibliothèque

Lorsque vous ajoutez une bibliothèque, vous la verrez apparaître en haut du panneau Composants. En cliquant sur le nom de la bibliothèque, vous pourrez sélectionner des symboles, des styles de texte et des styles de calque dans la bibliothèque et les faire glisser dans le canevas. Vous pouvez également accéder aux symboles de bibliothèque à partir du menu Insertion , au lieu de l'icône Symboles. Une icône associée indique qu'ils font partie de la bibliothèque.

Comment utiliser la bibliothèque dans Sketch est simple

Vous trouverez également des symboles de bibliothèque dans Symboles lorsque vous modifiez des symboles.

Comment modifier les symboles de bibliothèque

Lorsque vous double-cliquez sur un symbole de bibliothèque à modifier, Sketch vous propose plusieurs options, selon l'endroit où le fichier de bibliothèque est ajouté.

Un double-clic pour modifier un symbole appartenant à la bibliothèque locale ou à la bibliothèque sur le cloud personnel affichera les options suivantes:

  • Ouvrir dans la bibliothèque vous amène au document de bibliothèque d'origine afin que vous puissiez modifier la version principale de Symbol. Cela mettra à jour la bibliothèque et tous les documents avec des versions de cette icône.
  • Dissocier de la bibliothèque créera une version locale du symbole afin que vous puissiez modifier sa version d'origine dans le document actuel. Cela signifie que vous ne recevrez plus ces mises à jour d'icônes si la bibliothèque est initialement mise à jour.

Si vous essayez de modifier le symbole d'une bibliothèque d'équipe dans le cloud, vous verrez les options suivantes:

  • Ouvrir dans la bibliothèque ouvrira le document de bibliothèque d'origine à partir du cloud. Toutes les modifications apportées ici seront mises à jour dans la bibliothèque pour que tous les membres de l'équipe puissent les voir. Tout document avec des versions de cette icône reflétera ces modifications.
  • Dissocier de la bibliothèque créera une version locale de Symbol afin que vous puissiez modifier la copie originale dans le document actuel. Cela signifie que vous ne recevrez plus ces mises à jour d'icônes si la bibliothèque d'origine a été mise à jour.

Si vous utilisez une bibliothèque d'équipe, soyez plus prudent lorsque vous modifiez le symbole principal ici. Toutes les modifications que vous apportez et enregistrez seront envoyées à tous ceux qui utilisent cette bibliothèque.

Si le symbole que vous souhaitez modifier appartient à la bibliothèque tierce. Par exemple, le kit d'interface utilisateur Apple iOS n'aura que l' option Dissocier de la bibliothèque .

Styles de bibliothèque

En plus des symboles, vous pouvez partager et synchroniser des styles de texte et de calque à l'aide de bibliothèques. Ils apparaîtront dans le panneau Composants et les composants contextuels dans Apparence dans l'inspecteur. Vous pouvez également accéder aux styles de texte et de calque via le menu Insertion. Comme les symboles, les styles de bibliothèque ont une icône associée à côté du nom du groupe pour indiquer qu'ils font partie de la bibliothèque.

Comment utiliser la bibliothèque dans Sketch est simple

Comment modifier les styles de bibliothèque

Si vous utilisez un style de bibliothèque (styles de calque ou styles de texte) dans un document et que vous souhaitez modifier un calque à l'aide de celui-ci, vous disposez de quelques options dans le panneau Apparence de l'inspecteur:

  • Avant d'apporter des modifications, vous pouvez choisir de créer un nouveau style local à partir du style actuellement sélectionné. Cette action supprime le lien de ce type dans la bibliothèque et crée un nouveau style local dans le document.
  • Alternativement, vous pouvez choisir ce style détaché de sa version d'origine, pour supprimer son lien dans la bibliothèque mais pas créer un nouveau style local.
  • Si vous modifiez un style de bibliothèque, vous pouvez choisir Créer un nouveau style et remplacer pour dissocier son lien dans la bibliothèque, créer un nouveau style local et appliquer ces modifications à tous les calques du document avec le même style. utilisé. Vous pouvez également choisir Réinitialiser le style pour annuler les modifications.
  • Tant que le style ne fait pas partie d'une bibliothèque tierce, vous pouvez choisir Modifier le style dans la bibliothèque pour ouvrir un document de bibliothèque contenant ce style.

Remarque: la modification du style dans le document de bibliothèque d'origine mettra à jour ce style pour toute personne utilisant cette bibliothèque.

Comment créer des préréglages pour les bibliothèques

Comme les symboles, les styles de texte et de calque, vous pouvez utiliser les bibliothèques pour synchroniser et partager des préréglages solides, dégradés ou d'images. Pour créer un préréglage de bibliothèque pour une couleur, par exemple, sélectionnez la couleur dans la fenêtre contextuelle qui remplit le document de bibliothèque et ajoutez-la en tant que préréglage dans les couleurs du document .

Comment utiliser la bibliothèque dans Sketch est simple

Maintenant, lorsque vous travaillez dans un document utilisant cette bibliothèque, cliquez sur le titre au-dessus de ces paramètres précédents dans la fenêtre Remplissages, puis sélectionnez le nom de la bibliothèque pour prévisualiser l'ensemble des préréglages de bibliothèque disponibles.

Comment utiliser la bibliothèque dans Sketch est simple

Composants de bibliothèque mis à jour

Lorsque les composants de bibliothèque (symboles, styles de texte ou styles de calque) utilisés dans le document sont mis à jour, vous verrez un badge Mises à jour de bibliothèque disponibles dans le coin de la fenêtre du logiciel Sketch. Cliquez dessus, une boîte de dialogue contenant les mises à jour des composants apparaîtra.

Comment utiliser la bibliothèque dans Sketch est simple

Sélectionnez Composant pour voir les modifications et cochez cette case si vous souhaitez le mettre à jour dans le document. Si vous ne souhaitez pas mettre à jour un composant, décochez-le. Une fois terminé, cliquez sur Mettre à jour les composants .

Pour arrêter la mise à jour d'un symbole, double-cliquez sur n'importe quelle version de celui-ci dans le document et cliquez sur Dissocier de la bibliothèque . Cette action créera une icône locale sur cette page Symboles.

Créer un avatar de bibliothèque personnalisé

Si vous souhaitez créer une fenêtre d'aperçu personnalisée pour votre bibliothèque quelque part dans le document, créez un plan de travail carré (1: 1), puis nommez-le "Aperçu de la bibliothèque".

Vous trouverez ci-dessus comment utiliser la fonction Bibliothèque dans le logiciel de conception graphique Sketch . J'espère que l'article vous sera utile.

Sign up and earn $1000 a day ⋙

Leave a Comment

Les meilleurs ordinateurs portables pour étudiants en 2025

Les meilleurs ordinateurs portables pour étudiants en 2025

Les étudiants ont besoin d'un ordinateur portable spécifique pour leurs études. Il doit être non seulement suffisamment puissant pour être performant dans la filière choisie, mais aussi suffisamment compact et léger pour être transporté toute la journée.

Comment ajouter une imprimante à Windows 10

Comment ajouter une imprimante à Windows 10

L'ajout d'une imprimante à Windows 10 est simple, bien que le processus pour les appareils filaires soit différent de celui pour les appareils sans fil.

Comment vérifier la RAM et vérifier les erreurs de RAM sur votre ordinateur avec le taux de précision le plus élevé

Comment vérifier la RAM et vérifier les erreurs de RAM sur votre ordinateur avec le taux de précision le plus élevé

Comme vous le savez, la RAM est un composant matériel essentiel d'un ordinateur. Elle sert de mémoire pour le traitement des données et détermine la vitesse d'un ordinateur portable ou de bureau. Dans l'article ci-dessous, WebTech360 vous présente quelques méthodes pour détecter les erreurs de RAM à l'aide d'un logiciel sous Windows.

Why doesnt the freezer have a light but the refrigerator does?

Why doesnt the freezer have a light but the refrigerator does?

Refrigerators are familiar appliances in families. Refrigerators usually have 2 compartments, the cool compartment is spacious and has a light that automatically turns on every time the user opens it, while the freezer compartment is narrow and has no light.

2 Ways to Fix Network Congestion That Slows Down Wi-Fi

2 Ways to Fix Network Congestion That Slows Down Wi-Fi

Wi-Fi networks are affected by many factors beyond routers, bandwidth, and interference, but there are some smart ways to boost your network.

Comment rétrograder diOS 17 à iOS 16 sans perte de données avec Tenorshare Reiboot

Comment rétrograder diOS 17 à iOS 16 sans perte de données avec Tenorshare Reiboot

Si vous souhaitez revenir à la version stable d'iOS 16 sur votre téléphone, voici le guide de base pour désinstaller iOS 17 et rétrograder d'iOS 17 à 16.

Que se passe-t-il dans le corps lorsque vous mangez du yaourt tous les jours ?

Que se passe-t-il dans le corps lorsque vous mangez du yaourt tous les jours ?

Le yaourt est un aliment merveilleux. Est-il bon de manger du yaourt tous les jours ? Si vous mangez du yaourt tous les jours, comment votre corps va-t-il changer ? Découvrons-le ensemble !

Quel type de riz est le meilleur pour la santé ?

Quel type de riz est le meilleur pour la santé ?

Cet article présente les types de riz les plus nutritifs et comment maximiser les bienfaits pour la santé du riz que vous choisissez.

Comment se réveiller à lheure le matin

Comment se réveiller à lheure le matin

Établir un horaire de sommeil et une routine de coucher, changer votre réveil et ajuster votre alimentation sont quelques-unes des mesures qui peuvent vous aider à mieux dormir et à vous réveiller à l’heure le matin.

Latest Bathroom Tower Defense Codes and How to Enter Codes

Latest Bathroom Tower Defense Codes and How to Enter Codes

Get Bathroom Tower Defense Roblox game codes and redeem them for exciting rewards. They will help you upgrade or unlock towers with higher damage.

4 façons dont lIA améliore les téléviseurs intelligents

4 façons dont lIA améliore les téléviseurs intelligents

De la meilleure qualité d’image et de son au contrôle vocal et bien plus encore, ces fonctionnalités alimentées par l’IA rendent les téléviseurs intelligents bien meilleurs !

Pourquoi ChatGPT est meilleur que DeepSeek

Pourquoi ChatGPT est meilleur que DeepSeek

Au début, les gens avaient de grands espoirs pour DeepSeek. En tant que chatbot IA commercialisé comme un concurrent sérieux de ChatGPT, il promet des capacités et des expériences de chat intelligentes.

Découvrez Fireflies.ai : le secrétaire IA gratuit qui vous fait gagner des heures de travail

Découvrez Fireflies.ai : le secrétaire IA gratuit qui vous fait gagner des heures de travail

Il est facile de manquer des détails importants lorsque l’on note d’autres éléments essentiels, et essayer de prendre des notes tout en discutant peut être distrayant. Fireflies.ai est la solution.

Comment élever un axolotl dans Minecraft et apprivoiser une salamandre dans Minecraft

Comment élever un axolotl dans Minecraft et apprivoiser une salamandre dans Minecraft

Axolot Minecraft sera un excellent assistant pour les joueurs lorsqu'ils opèrent sous l'eau s'ils savent comment les utiliser.

DeceptionAds Warning: New Malicious Ad Type Exploits Legitimate Services to Display Fake CAPTCHAs

DeceptionAds Warning: New Malicious Ad Type Exploits Legitimate Services to Display Fake CAPTCHAs

DeceptionAds is a new form of malvertising, where scammers use legitimate advertising platforms and make sure their malicious sites avoid censorship as much as possible.