{"id":124612,"date":"2018-02-22T16:44:55","date_gmt":"2018-02-22T15:44:55","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/ui-widget-libraries\/"},"modified":"2025-02-03T16:43:40","modified_gmt":"2025-02-03T15:43:40","slug":"ui-widget-libraries","status":"publish","type":"post","link":"https:\/\/www.justinmind.com\/fr\/aide\/bibliotheques-widgets-ui","title":{"rendered":"Biblioth\u00e8ques de widgets UI"},"content":{"rendered":"<p>Outre les \u00e9l\u00e9ments de base de la barre d&rsquo;outils, il existe des milliers d&rsquo;autres actifs pr\u00e9fabriqu\u00e9s que vous pouvez ajouter \u00e0 Justinmind gratuitement. Vous pouvez \u00e9galement cr\u00e9er vos propres biblioth\u00e8ques partageables personnalis\u00e9es pour d\u00e9finir des syst\u00e8mes de design de marque coh\u00e9rents. <\/p>\n<h2><a id=\"justinmind-assets\"><\/a>Justinmind : des objets pr\u00e9fabriqu\u00e9s<\/h2>\n<h3>Biblioth\u00e8ques pr\u00e9install\u00e9es<\/h3>\n<p>L&rsquo;\u00e9quipe de Justinmind a cr\u00e9\u00e9 des dizaines de biblioth\u00e8ques de widgets interactifs que vous pouvez inclure dans vos prototypes. Il est facile de les ajouter \u00e0 votre interface Justinmind : <\/p>\n<ol>\n<li>Regardez dans la palette Biblioth\u00e8ques. Vous y trouverez peut-\u00eatre quelques biblioth\u00e8ques d\u00e9j\u00e0 r\u00e9pertori\u00e9es, en fonction de l&rsquo;appareil pour lequel vous r\u00e9alisez votre prototype. <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-43233\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2020\/07\/the-libraries-palette.png\" alt=\"Affichez et utilisez des biblioth\u00e8ques pr\u00e9-fabriqu\u00e9es suppl\u00e9mentaires dans la palette Biblioth\u00e8ques.\" width=\"2048\" height=\"1189\"><\/li>\n<li>Cliquez sur le lien \u00ab\u00a0Plus de biblioth\u00e8ques\u00a0\u00bb, ce qui ouvrira une liste de biblioth\u00e8ques, comme les ic\u00f4nes iOS, les diagrammes et les composants Web. Cochez les cases des biblioth\u00e8ques que vous souhaitez ajouter et cliquez sur \u00ab\u00a0OK\u00a0\u00bb. Elles seront import\u00e9es dans la palette Biblioth\u00e8ques.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-43176\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2020\/07\/Add-Library-to-Palette.png\" alt=\"Cliquez sur plus de biblioth\u00e8ques, puis cochez la case d'une biblioth\u00e8que que vous souhaitez ajouter \u00e0 la palette des biblioth\u00e8ques.\" width=\"2048\" height=\"1189\"><br \/>\nVous pouvez maintenant glisser-d\u00e9poser des \u00e9l\u00e9ments de ces biblioth\u00e8ques dans vos prototypes. D\u00e9cochez les cases de la fen\u00eatre pop-up pour supprimer les biblioth\u00e8ques de la palette. <\/li>\n<\/ol>\n<h3>Biblioth\u00e8ques t\u00e9l\u00e9chargeables<\/h3>\n<p>Il existe encore plus de biblioth\u00e8ques que vous pouvez importer gratuitement dans Justinmind :<\/p>\n<ol>\n<li>Cliquez sur le lien \u00ab\u00a0Plus de biblioth\u00e8ques\u00a0\u00bb et appuyez sur le bouton \u00ab\u00a0T\u00e9l\u00e9charger plus de biblioth\u00e8ques de widgets\u00a0\u00bb dans le pop-up, ce qui ouvrira un navigateur web charg\u00e9 d&rsquo;une liste de kits UI.<\/li>\n<li>T\u00e9l\u00e9chargez une biblioth\u00e8que que vous souhaitez utiliser.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-43174\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2020\/07\/Download-more-libraries.png\" alt=\"Vous trouverez des kits UI \u00e0 t\u00e9l\u00e9charger sur justinmind.com\/ui-kits\" width=\"1083\" height=\"726\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2020\/07\/Download-more-libraries.png 1640w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2020\/07\/Download-more-libraries-300x201.png 300w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2020\/07\/Download-more-libraries-768x515.png 768w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2020\/07\/Download-more-libraries-1024x687.png 1024w\" sizes=\"(max-width: 1083px) 100vw, 1083px\" \/><\/li>\n<li>De retour dans la fen\u00eatre contextuelle \u00ab\u00a0Autres biblioth\u00e8ques\u00a0\u00bb, cliquez sur le bouton \u00ab\u00a0Importer une biblioth\u00e8que\u00a0\u00bb. S\u00e9lectionnez le fichier de biblioth\u00e8que (.jpl) que vous avez t\u00e9l\u00e9charg\u00e9 pour l&rsquo;importer dans le navigateur de fichiers. <\/li>\n<li>Cochez la case de la biblioth\u00e8que pour l&rsquo;ajouter \u00e0 la palette Biblioth\u00e8ques.<\/li>\n<\/ol>\n<h2><a id=\"custom-libraries\"><\/a>Biblioth\u00e8ques et syst\u00e8mes de design personnalis\u00e9s<\/h2>\n<p>Cr\u00e9ez des biblioth\u00e8ques d&rsquo;\u00e9l\u00e9ments personnalis\u00e9es et partagez-les avec vos co\u00e9quipiers pour cr\u00e9er une source unique de v\u00e9rit\u00e9 pour vos designs. En combinaison avec les mod\u00e8les et les ma\u00eetres, vous pouvez facilement d\u00e9velopper et maintenir une image de marque unifi\u00e9e gr\u00e2ce \u00e0 des biblioth\u00e8ques partag\u00e9es personnalis\u00e9es. <\/p>\n<h3>Cr\u00e9er une biblioth\u00e8que personnalis\u00e9e<\/h3>\n<ol>\n<li>Acc\u00e9dez \u00e0 la palette Biblioth\u00e8ques et cliquez sur le bouton \u00ab\u00a0+\u00a0\u00bb pour cr\u00e9er une nouvelle biblioth\u00e8que de widgets. Donnez-lui un titre et une description et cliquez sur \u00ab\u00a0OK\u00a0\u00bb. Vous verrez votre nouvelle biblioth\u00e8que dans la palette Biblioth\u00e8ques.  <video style=\"max-width:820px; width:100%; padding:20px 0px\" class=\"lazyload\" preload=\"auto\" muted=\"\" loop=\"\" data-autoplay=\"\" data-poster=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/08\/create-new-library.png\" playsinline=\"\"><source src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/08\/create-new-library.mp4\" type=\"video\/mp4\"><img decoding=\"async\" src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/08\/create-new-library.png\" alt=\"Cr\u00e9er une biblioth\u00e8que personnalis\u00e9e\"><br \/>\nCr\u00e9er une biblioth\u00e8que personnalis\u00e9e<\/source><\/video><\/li>\n<li>Les biblioth\u00e8ques comportent quatre cat\u00e9gories diff\u00e9rentes que vous pouvez d\u00e9finir : Couleurs, Styles de texte, Composants et Actifs. Les sections ci-dessous expliquent comment ajouter et utiliser le contenu de ces cat\u00e9gories. <\/li>\n<\/ol>\n<h3>Ajouter et utiliser des couleurs dans une biblioth\u00e8que<\/h3>\n<ol>\n<li>Pour ajouter un jeu de couleurs \u00e0 une biblioth\u00e8que, celle-ci doit \u00eatre en \u00ab\u00a0mode \u00e9dition\u00a0\u00bb. Vous acc\u00e9dez \u00e0 ce mode imm\u00e9diatement apr\u00e8s avoir cr\u00e9\u00e9 une biblioth\u00e8que, mais vous pouvez \u00e9galement activer ce mode en cliquant sur l&rsquo;ic\u00f4ne en forme de roue dent\u00e9e dans une biblioth\u00e8que et en s\u00e9lectionnant \u00ab\u00a0Modifier la biblioth\u00e8que\u00a0\u00bb. <\/li>\n<li>Il y a deux fa\u00e7ons d&rsquo;ajouter des couleurs \u00e0 une biblioth\u00e8que. La premi\u00e8re consiste \u00e0 cliquer sur l&rsquo;ic\u00f4ne \u00ab\u00a0+\u00a0\u00bb \u00e0 c\u00f4t\u00e9 du mot \u00ab\u00a0Couleurs\u00a0\u00bb. Un s\u00e9lecteur de couleurs s&rsquo;affiche et vous pouvez l&rsquo;utiliser pour s\u00e9lectionner la couleur que vous souhaitez et lui donner un nom.  <\/li>\n<li>Vous pouvez \u00e9galement ajouter des couleurs \u00e0 une biblioth\u00e8que en faisant glisser un \u00e9l\u00e9ment du canevas vers la section \u00ab\u00a0Couleurs\u00a0\u00bb. Les couleurs utilis\u00e9es par cet \u00e9l\u00e9ment seront automatiquement ajout\u00e9es \u00e0 la liste. <\/li>\n<li>Une fois que vous avez des couleurs dans la section \u00ab\u00a0Couleurs\u00a0\u00bb, vous pouvez les utiliser avec les \u00e9l\u00e9ments du canevas. Il existe deux fa\u00e7ons d&rsquo;attribuer une couleur de la biblioth\u00e8que \u00e0 un \u00e9l\u00e9ment du canevas. La premi\u00e8re consiste \u00e0 faire glisser la couleur sur l&rsquo;\u00e9l\u00e9ment. Une fen\u00eatre contextuelle s&rsquo;affiche pour vous permettre de s\u00e9lectionner la partie de l&rsquo;\u00e9l\u00e9ment que vous souhaitez colorer. L&rsquo;autre m\u00e9thode consiste \u00e0 cliquer sur n&rsquo;importe quel s\u00e9lecteur de couleurs dans la palette \u00ab\u00a0Propri\u00e9t\u00e9s\u00a0\u00bb. Dans le s\u00e9lecteur de couleurs qui s&rsquo;affiche, vous verrez la liste de toutes les couleurs des biblioth\u00e8ques que vous utilisez \u00e0 la fin de la bo\u00eete de dialogue. Il s&rsquo;agit des couleurs accompagn\u00e9es d&rsquo;un petit rectangle blanc.      <\/li>\n<li>Une fois que vous avez utilis\u00e9 une couleur dans la biblioth\u00e8que avec un composant dans le canevas, cet \u00e9l\u00e9ment est li\u00e9 \u00e0 cette couleur. Ainsi, si vous modifiez cette couleur dans la biblioth\u00e8que (en double-cliquant dessus ou en cliquant avec le bouton droit de la souris et en choisissant \u00ab\u00a0Modifier\u00a0\u00bb), tous les \u00e9l\u00e9ments du prototype qui utilisaient cette couleur seront automatiquement modifi\u00e9s. <\/li>\n<\/ol>\n<h3>Ajouter et utiliser des styles de texte dans une biblioth\u00e8que<\/h3>\n<ol>\n<li>Pour ajouter un ensemble de styles de texte \u00e0 une biblioth\u00e8que, celle-ci doit \u00eatre en \u00ab\u00a0mode \u00e9dition\u00a0\u00bb. Vous acc\u00e9dez \u00e0 ce mode imm\u00e9diatement apr\u00e8s avoir cr\u00e9\u00e9 une biblioth\u00e8que, mais vous pouvez \u00e9galement activer ce mode en cliquant sur l&rsquo;ic\u00f4ne en forme de roue dent\u00e9e dans une biblioth\u00e8que et en s\u00e9lectionnant \u00ab\u00a0Editer la biblioth\u00e8que\u00a0\u00bb. <\/li>\n<li>Il existe deux fa\u00e7ons d&rsquo;ajouter des styles de texte \u00e0 une biblioth\u00e8que. La premi\u00e8re consiste \u00e0 cliquer sur l&rsquo;ic\u00f4ne \u00ab\u00a0+\u00a0\u00bb \u00e0 c\u00f4t\u00e9 du mot \u00ab\u00a0Styles de texte\u00a0\u00bb. Une bo\u00eete de dialogue s&rsquo;affiche et vous pouvez l&rsquo;utiliser pour d\u00e9finir le style de texte que vous souhaitez et lui donner un nom.  <\/li>\n<li>Vous pouvez \u00e9galement ajouter des styles de texte \u00e0 une biblioth\u00e8que en faisant glisser un \u00e9l\u00e9ment avec du texte depuis le canevas vers la section \u00ab\u00a0Styles de texte\u00a0\u00bb. Le style de texte utilis\u00e9 par cet \u00e9l\u00e9ment sera automatiquement ajout\u00e9 \u00e0 la liste. <\/li>\n<li>Une fois que vous disposez de styles de texte dans la section \u00ab\u00a0Style de texte\u00a0\u00bb, vous pouvez les utiliser avec les \u00e9l\u00e9ments comportant du texte dans le canevas. Il existe deux fa\u00e7ons d&rsquo;attribuer un style de texte de la biblioth\u00e8que \u00e0 un \u00e9l\u00e9ment du canevas. La premi\u00e8re consiste \u00e0 faire glisser le style de texte sur l&rsquo;\u00e9l\u00e9ment. L&rsquo;autre m\u00e9thode consiste \u00e0 cliquer sur la liste d\u00e9roulante \u00ab\u00a0Aucun style de texte\u00a0\u00bb dans la palette \u00ab\u00a0Propri\u00e9t\u00e9s\u00a0\u00bb. Cette liste d\u00e9roulante r\u00e9pertorie tous les styles de texte des biblioth\u00e8ques que vous utilisez.    <\/li>\n<li>Une fois que vous avez utilis\u00e9 un style de texte dans la biblioth\u00e8que avec un composant dans le canevas, cet \u00e9l\u00e9ment est li\u00e9 \u00e0 ce style de texte. Ainsi, si vous modifiez ce style de texte dans la biblioth\u00e8que (en double-cliquant dessus ou en cliquant avec le bouton droit de la souris et en choisissant \u00ab\u00a0Modifier\u00a0\u00bb), tous les \u00e9l\u00e9ments du prototype qui utilisaient ce style de texte seront automatiquement modifi\u00e9s. <\/li>\n<\/ol>\n<h3>Ajouter et utiliser des composants dans une biblioth\u00e8que<\/h3>\n<ol>\n<li>Concevez un \u00e9l\u00e9ment ou un groupe d&rsquo;\u00e9l\u00e9ments sur le canevas. Vous pouvez \u00e9galement ajouter des interactions telles que des effets de <strong>survol de la souris<\/strong> et de <strong>balayage<\/strong>. <\/li>\n<li>Pour ajouter un \u00e9l\u00e9ment \u00e0 une biblioth\u00e8que, faites-le glisser du canevas vers la section \u00ab\u00a0Composants\u00a0\u00bb de la biblioth\u00e8que dans la palette Biblioth\u00e8ques. Vous pouvez \u00e9galement cliquer avec le bouton droit de la souris sur un \u00e9l\u00e9ment, cliquer sur \u00ab\u00a0Ajouter \u00e0 la biblioth\u00e8que de widgets\u00a0\u00bb et s\u00e9lectionner la biblioth\u00e8que. <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-43569\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2020\/07\/Add-Button.png\" alt=\"Faites glisser un widget vers la biblioth\u00e8que personnalis\u00e9e pour l'inclure dans la biblioth\u00e8que.\" width=\"1172\" height=\"682\"><br \/>\nSaisissez ensuite un nom et une description pour l&rsquo;\u00e9l\u00e9ment et cliquez sur \u00ab\u00a0OK\u00a0\u00bb.<\/li>\n<li>Vous pouvez maintenant faire glisser et d\u00e9poser les \u00e9l\u00e9ments de la biblioth\u00e8que sur le canevas pour les utiliser dans vos prototypes.<\/li>\n<\/ol>\n<h3>Ajout et utilisation de ressources graphiques dans une biblioth\u00e8que<\/h3>\n<ol>\n<li>Les ressources graphiques ou \u00ab\u00a0ressources\u00a0\u00bb sont des fichiers images qui peuvent \u00eatre utilis\u00e9s dans le prototype en tant qu&rsquo;images ou images d&rsquo;arri\u00e8re-plan. Pour ajouter des ressources graphiques \u00e0 une biblioth\u00e8que, celle-ci doit \u00eatre en \u00ab\u00a0mode \u00e9dition\u00a0\u00bb. Vous acc\u00e9dez \u00e0 ce mode imm\u00e9diatement apr\u00e8s avoir cr\u00e9\u00e9 une biblioth\u00e8que, mais vous pouvez \u00e9galement activer ce mode en cliquant sur l&rsquo;ic\u00f4ne de l&rsquo;engrenage dans une biblioth\u00e8que et en s\u00e9lectionnant \u00ab\u00a0Editer la biblioth\u00e8que\u00a0\u00bb.  <\/li>\n<li>Il y a deux fa\u00e7ons d&rsquo;ajouter une ressource graphique \u00e0 une biblioth\u00e8que. La premi\u00e8re consiste \u00e0 cliquer sur l&rsquo;ic\u00f4ne \u00ab\u00a0+\u00a0\u00bb situ\u00e9e \u00e0 c\u00f4t\u00e9 du mot \u00ab\u00a0Assets\u00a0\u00bb. Une bo\u00eete de dialogue de fichier s&rsquo;affiche et vous pouvez l&rsquo;utiliser pour s\u00e9lectionner un fichier image sur votre ordinateur.  <\/li>\n<li>Vous pouvez \u00e9galement ajouter des ressources \u00e0 une biblioth\u00e8que en faisant glisser une image, un chemin ou plusieurs chemins vers la section \u00ab\u00a0Ressources\u00a0\u00bb.<\/li>\n<li>Une fois que vous avez des \u00e9l\u00e9ments dans la section \u00ab\u00a0Actifs\u00a0\u00bb, vous pouvez les utiliser avec les \u00e9l\u00e9ments dans le canevas. Vous pouvez faire glisser un \u00e9l\u00e9ment sur le canevas et une image sera cr\u00e9\u00e9e dans le prototype \u00e0 l&rsquo;aide de cet \u00e9l\u00e9ment. Si vous faites glisser la ressource au-dessus d&rsquo;une autre image, l&rsquo;image sera remplac\u00e9e par celle qui a \u00e9t\u00e9 gliss\u00e9e. Si vous faites glisser la ressource au-dessus d&rsquo;un autre type d&rsquo;\u00e9l\u00e9ment, la ressource sera utilis\u00e9e comme image d&rsquo;arri\u00e8re-plan pour cet \u00e9l\u00e9ment.   <\/li>\n<li>Une fois que vous avez utilis\u00e9 une ressource dans la biblioth\u00e8que avec le prototype, cette ressource est li\u00e9e \u00e0 tous les endroits o\u00f9 elle a \u00e9t\u00e9 utilis\u00e9e. Par cons\u00e9quent, si \u00e0 un moment donn\u00e9 vous modifiez cette ressource dans la biblioth\u00e8que (en double-cliquant dessus ou en cliquant avec le bouton droit de la souris et en choisissant \u00ab\u00a0Modifier\u00a0\u00bb), tous les endroits du prototype o\u00f9 la ressource a \u00e9t\u00e9 utilis\u00e9e seront automatiquement modifi\u00e9s. <\/li>\n<\/ol>\n<h3>Organiser l&rsquo;information dans votre biblioth\u00e8que<\/h3>\n<p>Vous pouvez organiser les \u00e9l\u00e9ments des diff\u00e9rentes sections d&rsquo;une biblioth\u00e8que en groupes.<\/p>\n<ol>\n<li>Chargez la biblioth\u00e8que dans la palette, cliquez sur l&rsquo;ic\u00f4ne \u00ab\u00a0engrenage\u00a0\u00bb et s\u00e9lectionnez \u00ab\u00a0Modifier la biblioth\u00e8que\u00a0\u00bb.<\/li>\n<li>Cliquez \u00e0 nouveau sur la roue dent\u00e9e et s\u00e9lectionnez \u00ab\u00a0Nouveau groupe de widgets\u00a0\u00bb.<\/li>\n<li>Une bo\u00eete de dialogue s&rsquo;affiche pour vous permettre de s\u00e9lectionner la cat\u00e9gorie dans laquelle vous souhaitez ajouter le groupe et le nom du nouveau groupe.<\/li>\n<li>Le nouveau groupe appara\u00eet dans la section s\u00e9lectionn\u00e9e. Faites glisser les \u00e9l\u00e9ments de cette section vers le groupe pour les y ajouter. <\/li>\n<\/ol>\n<h3>Modifier une biblioth\u00e8que existante<\/h3>\n<ol>\n<li>Cliquez sur le bouton \u00ab\u00a0engrenage\u00a0\u00bb situ\u00e9 \u00e0 c\u00f4t\u00e9 du nom de la biblioth\u00e8que dans la palette Biblioth\u00e8ques et s\u00e9lectionnez \u00ab\u00a0Modifier la biblioth\u00e8que\u00a0\u00bb.<\/li>\n<li>Cliquez avec le bouton droit de la souris sur un \u00e9l\u00e9ment que vous souhaitez modifier et s\u00e9lectionnez \u00ab\u00a0Modifier les d\u00e9tails\u00a0\u00bb pour modifier son nom et sa description ou \u00ab\u00a0Modifier le contenu\u00a0\u00bb pour modifier son apparence et son contenu. L&rsquo;\u00e9l\u00e9ment s&rsquo;ouvre alors dans un nouvel onglet Canvas, dans lequel vous pouvez effectuer des modifications. <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-43389\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2020\/07\/Edit-widget-options.png\" alt=\"Cliquez avec le bouton droit de la souris sur un widget pour afficher les options permettant de modifier son nom ou son contenu.\" width=\"1164\" height=\"698\"><\/li>\n<li>Cliquez sur le bouton \u00ab\u00a0enregistrer\u00a0\u00bb dans l&rsquo;onglet Canvas de l&rsquo;\u00e9l\u00e9ment pour enregistrer vos modifications dans la biblioth\u00e8que.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-43388\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2020\/07\/Save-widget-changes.png\" alt=\"Cliquez sur le bouton Enregistrer dans l'onglet Canevas pour enregistrer les modifications apport\u00e9es au widget.\" width=\"1031\" height=\"518\"><\/li>\n<\/ol>\n<p>Vous pouvez ouvrir tous les \u00e9l\u00e9ments \u00e0 modifier en s\u00e9lectionnant \u00ab\u00a0Modifier tous les widgets\u00a0\u00bb dans le menu d\u00e9roulant du bouton \u00ab\u00a0engrenage\u00a0\u00bb. Effectuez les modifications individuellement ou allez dans le menu \u00c9dition et s\u00e9lectionnez \u00ab\u00a0Remplacer les styles\u00a0\u00bb pour modifier les propri\u00e9t\u00e9s de chaque \u00e9l\u00e9ment en bloc. Cliquez sur \u00ab\u00a0Enregistrer tous les widgets\u00a0\u00bb dans la fen\u00eatre contextuelle du bouton \u00ab\u00a0engrenage\u00a0\u00bb pour enregistrer vos modifications dans tous les widgets. <\/p>\n<h3>Partager une biblioth\u00e8que personnalis\u00e9e<\/h3>\n<p>Vous pouvez partager une biblioth\u00e8que personnalis\u00e9e avec vos co\u00e9quipiers en deux clics : Cliquez sur le bouton \u00ab\u00a0engrenage\u00a0\u00bb \u00e0 c\u00f4t\u00e9 du nom de votre biblioth\u00e8que dans la palette Biblioth\u00e8ques et appuyez sur \u00ab\u00a0Partager\u00a0\u00bb.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-43384\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2020\/07\/Share-library.png\" alt=\"Cliquez sur le bouton d'engrenage et s\u00e9lectionnez Partager pour t\u00e9l\u00e9charger votre biblioth\u00e8que de widgets afin que vos co\u00e9quipiers puissent y acc\u00e9der.\" width=\"1501\" height=\"924\"><br \/>\nVos co\u00e9quipiers peuvent maintenant ajouter votre biblioth\u00e8que \u00e0 leurs prototypes dans la fen\u00eatre \u00ab\u00a0Plus de biblioth\u00e8ques\u00a0\u00bb. Supprimez l&rsquo;acc\u00e8s des autres \u00e0 votre biblioth\u00e8que en cliquant sur le bouton \u00ab\u00a0engrenage\u00a0\u00bb et en s\u00e9lectionnant \u00ab\u00a0Unshare\u00a0\u00bb.<\/p>\n<h3>Validation des modifications apport\u00e9es \u00e0 la biblioth\u00e8que<\/h3>\n<p>Tapez sur le bouton \u00ab\u00a0engrenage\u00a0\u00bb et s\u00e9lectionnez \u00ab\u00a0Engager\u00a0\u00bb dans la fen\u00eatre contextuelle pour t\u00e9l\u00e9charger les modifications de votre biblioth\u00e8que. Les co\u00e9quipiers peuvent cliquer sur \u00ab\u00a0Mettre \u00e0 jour\u00a0\u00bb dans la fen\u00eatre contextuelle du bouton \u00ab\u00a0engrenage\u00a0\u00bb pour que la biblioth\u00e8que t\u00e9l\u00e9charge ces mises \u00e0 jour.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-43386\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2020\/07\/Commit-library.png\" alt=\"Cliquez sur le bouton d'engrenage et s\u00e9lectionnez \"Valider\" pour t\u00e9l\u00e9charger les modifications dans la biblioth\u00e8que partag\u00e9e.\" width=\"1126\" height=\"693\"><\/p>\n<h2><a id=\"generate-libraries-preview\"><\/a>G\u00e9n\u00e9rer un syst\u00e8me de design en un seul clic<\/h2>\n<p>Les biblioth\u00e8ques peuvent \u00eatre utilis\u00e9es non seulement comme un excellent moyen de cr\u00e9er rapidement des designs coh\u00e9rents, mais aussi comme un excellent outil de communication avec les d\u00e9veloppeurs. Offrir aux d\u00e9veloppeurs un moyen de visualiser toutes les informations d\u00e9finies dans une biblioth\u00e8que, peut aider \u00e0 cr\u00e9er une coh\u00e9rence et une pr\u00e9cision dans l&rsquo;UI des projets logiciels de cette organisation. Justinmind offre un moyen de g\u00e9n\u00e9rer et de personnaliser un aper\u00e7u de votre biblioth\u00e8que en un seul clic.  <\/p>\n<ol>\n<li>Chargez la biblioth\u00e8que souhait\u00e9e dans la palette Biblioth\u00e8ques.<\/li>\n<li>Cliquez sur l&rsquo;ic\u00f4ne en forme de roue dent\u00e9e situ\u00e9e \u00e0 c\u00f4t\u00e9 du nom de la biblioth\u00e8que et s\u00e9lectionnez \u00ab\u00a0Generate Design System\u00a0\u00bb.<\/li>\n<li>Un nouveau fichier prototype sera cr\u00e9\u00e9 avec toutes les informations de la biblioth\u00e8que (descriptions des couleurs, styles de texte d\u00e9finis, les composants avec leurs descriptions et la liste des actifs).<\/li>\n<li>Comme il s&rsquo;agit d&rsquo;un fichier Justinmind, vous pouvez y apporter toutes les modifications n\u00e9cessaires, comme vous le feriez avec n&rsquo;importe quel autre prototype ou design. Vous pouvez \u00e9galement le publier et le partager avec des d\u00e9veloppeurs ou obtenir un lien pour le rendre public sur un site web. <\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Outre les \u00e9l\u00e9ments de base de la barre d&rsquo;outils, il existe des milliers d&rsquo;autres actifs pr\u00e9fabriqu\u00e9s que vous pouvez ajouter \u00e0 Justinmind gratuitement. Vous pouvez \u00e9galement&#8230;<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[8416,8417],"tags":[],"class_list":["post-124612","post","type-post","status-publish","format-standard","hentry","category-formation","category-pour-commencer"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124612"}],"collection":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/comments?post=124612"}],"version-history":[{"count":1,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124612\/revisions"}],"predecessor-version":[{"id":126124,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124612\/revisions\/126124"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/media?parent=124612"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/categories?post=124612"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tags?post=124612"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}