Publier une bibliothèque

Cet article est disponible à la fois pour l’ancienne interface utilisateur Figma et la nouvelle interface utilisateur Figma. Utilisez le bouton en bas à gauche de la page pour sélectionner votre interface utilisateur actuelle. Faites connaissance avec UI3 : la nouvelle conception de Figma →

Qui peut utiliser cette fonctionnalité

Disponible pour tous les forfaits payants

Nécessite une licence Full avec accès en édition au fichier source de la bibliothèque

Publiez une bibliothèque pour partager des éléments de design courants, comme des boutons, des icônes, des éléments d'UI, des couleurs ou les valeurs de certaines propriétés, avec le reste de votre équipe. D'autres personnes peuvent alors utiliser ces éléments de design dans leurs fichiers, ce qui aide à assurer la cohérence au sein de l'équipe.

Lorsque vous créez un style, un composant ou une variable dans un fichier, il n'est accessible qu'à partir de ce fichier. Pour le rendre accessible dans d'autres fichiers, vous devez publier cet élément en tant que bibliothèque.

Si vous apportez des modifications à ces ressources ou en ajoutez de nouvelles, vous pouvez les publier en tant que mises à jour de la bibliothèque. Les personnes qui utilisent la bibliothèque dans leurs fichiers peuvent ainsi rapidement examiner vos modifications et automatiquement mettre à jour leurs designs.

Remarque : les bibliothèques ne sont disponibles que sur les forfaits payants. Vous pouvez toujours créer des composants et des styles avec le forfait de base gratuit, mais vous ne pouvez pas les publier dans une bibliothèque pour les utiliser dans d'autres fichiers.

Pour publier un fichier de design en tant que bibliothèque, il doit contenir au moins un composant, un style ou une variable. Si le fichier est dans vos brouillons, vous devrez le déplacer vers un projet avant de le publier.

Une fois le fichier publié, toute personne ayant accès au fichier source de la bibliothèque peut utiliser la bibliothèque dans ses créations.

Conseil : une bibliothèque hérite son nom du fichier source. Assurez-vous de donner à votre fichier un nom clair et précis qui permet de comprendre son but, comme « design system Habitz », « bibliothèque UI3 » ou « kit de design pour site web ».

Dans un fichier contenant des composants, des styles ou des variables que vous souhaitez partager, sélectionnez l'onglet Assets dans la barre latérale gauche.
Cliquez sur l'icône Libraries. L'infobulle peut afficher le message Review library updates si vous utilisez des bibliothèques mises à jour dans le fichier ou Review unpublished changes si le fichier contient des mises à jour non publiées.
Dans la section This file, trouvez votre fichier actuel et cliquez sur Publish.
Ajoutez une description de l'objectif de la bibliothèque ou un résumé des décisions ou des modifications.
Dans la liste des styles, composants ou variables qui ont été ajoutés, modifiés ou supprimés, décochez les ressources que vous ne souhaitez pas publier. Vous pouvez également décocher Changes pour tout désélectionner.
Forfaits Organisation et Entreprise uniquement : utilisez le menu déroulant pour choisir où publier la bibliothèque.
Cliquez sur Publish. Une notification s'affiche pour confirmer que votre bibliothèque a été publiée.

Conseil : si vous souhaitez que certains composants, styles ou variables ne soient jamais publiés, vous pouvez les masquer dans le parcours de publication. Faites un clic droit sur une ressource de la bibliothèque dans la fenêtre modale et sélectionnez Hide when publishing. Pour annuler l'opération, faites un nouveau clic droit et sélectionnez Show when publishing.

Pourquoi le bouton de publication ne fonctionne-t-il pas ?

Si le bouton de publication est désactivé, cela peut être dû à plusieurs raisons :

Il n'y a pas de composants, de styles ou de variables dans le fichier. Essayez de créer un nouveau fichier pour vérifier si l'option de publication s'affiche.
La bibliothèque ne contient aucune modification à publier. Dans ce cas, rien n'a changé depuis la dernière fois que la bibliothèque a été publiée. Essayez de modifier un composant, un style ou une variable dans la bibliothèque. Vous devrez peut-être également vérifier si les éléments de design que vous modifiez sont masqués lors de la publication.

Choisir où publier une bibliothèque Organisation et Entreprise

Les utilisateurs d'un forfait Organisation ou Entreprise peuvent publier des bibliothèques pour une équipe spécifique ou pour l'ensemble de l'organisation. Avec un forfait Entreprise, ils peuvent aussi publier des bibliothèques dans les espaces de travail.

Cela permet aux bibliothèques de toucher le public approprié. Par exemple, vous pouvez publier une bibliothèque de design systems à l'échelle de l'entreprise pour l'organisation ou une bibliothèque avec des composants d'application mobile seulement pour l'équipe qui travaille sur l'application mobile.

Si les autorisations de partage du fichier source de la bibliothèque sont trop restrictives, Figma vous invite à les modifier. Par exemple, si votre fichier est défini sur Only invited people can access et que vous souhaitez publier une bibliothèque dans l'organisation, il vous est demandé de modifier les autorisations du fichier pour Everyone at your organization can access.

Publier les mises à jour d'une bibliothèque

Si vous apportez des modifications à un style, un composant ou une variable dans le fichier source d'une bibliothèque, ces modifications s'appliquent à votre fichier actuel seulement une fois qu'elles sont publiées. La publication des mises à jour d'une bibliothèque suit le même processus que la publication d'une bibliothèque pour la première fois.

Remarque : une fois que vous avez publié les mises à jour d'une bibliothèque, les utilisateurs de la bibliothèque voient un badge bleu sur l'icône de la bibliothèque dans la barre latérale gauche de leur fichier. Ils peuvent ensuite examiner et accepter les mises à jour.

Conseil : chaque fois que vous publiez les mises à jour d'une bibliothèque, Figma vous invite à ajouter une description. Cela vous permet d'expliquer les décisions et les modifications apportées aux utilisateurs de votre bibliothèque.

Figma affiche ces descriptions lors de l'acceptation des mises à jour d'une bibliothèque, ainsi que dans l'historique des versions du fichier.

Qui peut utiliser cette fonctionnalité

Toute personne disposant d'un forfait payant

Toute personne disposant d'un accès de type can edit à un fichier peut le publier dans les bibliothèques d'équipe

Lorsque vous créez pour la première fois des styles, des composants ou des variables, vous ne pouvez y accéder que dans le fichier actuel. Pour les utiliser dans d'autres fichiers, vous pouvez les publier en tant que bibliothèque.

Qui peut publier des styles, des composants et des variables ?

Forfait Éducation : les membres de l'équipe ayant des autorisations d'équipe de type can edit peuvent publier une bibliothèque.
Forfait Professionnel : seuls les membres disposant d'une licence payante pour Figma Design dans l'équipe peuvent publier une bibliothèque.
Forfaits Organisation et Entreprise : seuls les membres disposant d'une licence payante pour Figma Design peuvent publier une bibliothèque.

Publier des styles, des composants et des variables

Publiez des ressources dans vos bibliothèques depuis la fenêtre modale Library. Vous pouvez choisir quels styles, composants et variables vous souhaitez publier. Le processus de publication est identique pour la création et pour la modification des bibliothèques.

Il existe plusieurs façons d'accéder à la fenêtre modale Library à partir d'un fichier :

Cliquez sur le panneau Assets dans la barre latérale gauche.
Cliquez sur pour ouvrir la fenêtre modale de la bibliothèque.

Le panneau des ressources est ouvert dans la barre latérale gauche avec le curseur survolant l'icône de la bibliothèque d'équipe

Utiliser le raccourci clavier :

macOS : ⌥ Option 3
Windows : Alt 3

Remarque : les bibliothèques ne sont disponibles que sur les forfaits payants. Vous pouvez toujours créer et utiliser des composants et des styles avec le forfait de base gratuit, mais vous ne pouvez pas les publier pour les utiliser dans d'autres fichiers.

Publier dans une bibliothèque

Chaque fois que vous publiez un élément dans une bibliothèque, Figma vous invite à ajouter une description. Cela vous permet d'expliquer les décisions et les modifications apportées aux utilisateurs de votre bibliothèque.

Figma affiche ces descriptions lors de l'acceptation des mises à jour d'une bibliothèque, ainsi que dans l'historique des versions du fichier.

Pour publier des styles, des composants et des variables à partir du fichier dans lequel ils se trouvent :

Ouvrez la fenêtre modale Library à partir du fichier ↑
Sélectionnez l'onglet Libraries.
Dans la section Current file, cliquez sur le bouton Publish.
Ajoutez une description de l'objectif de la bibliothèque ou un résumé des décisions ou des modifications.
Consultez la liste Changes des modifications apportées à la bibliothèque. Elle détaille les styles, composants ou variables qui ont été ajoutés, modifiés ou supprimés.
Choisissez les modifications que vous souhaitez publier :
- Cochez les ressources individuelles que vous souhaitez publier.
- Décochez les ressources individuelles que vous ne souhaitez pas publier.
- Décochez Changes pour désélectionner tous les styles et composants
Une fois vos ressources prêtes, cliquez sur le bouton Publish. Une notification s'affiche pour confirmer que votre fichier a été publié.

Remarque : si vous recevez un message d'erreur lorsque vous tentez de publier une bibliothèque, il se peut que vous deviez ajuster les paramètres de votre pare-feu →

Publier des styles, des composants ou des variables individuellement

Si des styles, des composants ou des variables manquent dans un fichier publié, ou si vous souhaitez en ajouter d'autres, vous pouvez les publier individuellement.

Sélectionnez l'onglet Assets dans la barre latérale gauche, ou utilisez le raccourci suivant :
- MacOS : ⌥ Option 2
- Windows : Alt 2
Faites défiler jusqu'à la section Hidden, qui répertorie tous les composants présents dans le fichier, mais qui n'ont pas été publiés.
Faites un clic droit sur le composant et sélectionnez Show when publishing. Si vous avez masqué le composant en utilisant le préfixe . ou _, vous devrez supprimer ce dernier.
Figma vous avertit dès que vos mises à jour sont publiées.

Conseil : vous pouvez publier rapidement un composant directement depuis le plan de travail. Faites un clic droit sur le composant que vous souhaitez publier et sélectionnez Publish selected components.

Publier les mises à jour d'une bibliothèque

Si vous apportez des modifications à un style, une variable ou un composant publié, elles ne s'appliqueront qu'aux instances du fichier actuel. Si vous voulez que ces modifications soient reflétées dans votre bibliothèque, vous devrez également publier ces modifications dans la bibliothèque.

Figma affiche un point bleu sur l'icône Libraries dans la barre d'outils supérieure s'il y a des modifications à publier.

Un zoom sur la barre d'outils supérieure de Figma. Un curseur survole l'icône des bibliothèques, représentée par un livre ouvert. Il y a un point bleu dans le coin supérieur droit de l'icône Libraries.

Remarque : l'icône Libraries affiche également un badge bleu s'il y a des mises à jour de la bibliothèque à examiner. En savoir plus sur l'examen et l'acceptation des mises à jour de la bibliothèque →

Ouvrez le panneau Libraries en suivant l'une de ces méthodes :
- Cliquez sur l'icône Libraries dans la barre d'outils supérieure.
- Sélectionnez le panneau Assets dans la barre latérale gauche, puis cliquez sur l'icône Libraries.
Sélectionnez l'onglet Libraries.
Ajoutez une description de toute décision ou modification. Elle apparaît dans l'historique des versions du fichier et dans l'onglet Updates de la fenêtre modale Libraries.
Consultez la liste Changes des modifications apportées à la bibliothèque. Elle détaille tous les styles et composants qui ont été ajoutés, modifiés ou supprimés.
Choisissez les modifications que vous souhaitez publier :
- Cochez les composants individuels que vous souhaitez publier.
- Décochez les composants individuels que vous ne souhaitez pas publier.
- Décochez Changes pour désélectionner tous les styles et composants
Une fois vos styles et composants prêts, cliquez sur le bouton Publish. Une notification s'affiche pour confirmer que votre fichier a été publié.

Remarque : si vous êtes membre d'une organisation, vous pouvez également choisir de partager la bibliothèque avec votre organisation. Cela permettra aux autres membres de l'organisation de trouver et d'utiliser les styles et composants de ce fichier.

Cochez la case à côté de Allow any member of organization to access this file avant de cliquer sur Publish. Découvrir comment ajouter et supprimer des bibliothèques au sein d'une organisation →

Conseil : si vous ne souhaitez pas partager certains de vos styles et composants ou s'ils sont encore en développement, vous pouvez les masquer pour ne pas les publier. Une fois que vous voulez les publier et les partager, vous pouvez les afficher à nouveau.

···