Bibliothèque Figma

La bibliothèque Jutro Figma est votre principale ressource pour la conception d’applications Guidewire. Elle contient un ensemble complet de composants, de styles et de variables, y compris des icônes, que vous pouvez combiner pour résoudre des problèmes de conception courants et créer des expériences utilisateur cohérentes.

La bibliothèque d’icônes Jutro a été fusionnée avec cette bibliothèque de composants principale. Vous pouvez trouver l'ensemble des composants et des icônes dans le fichier de bibliothèque Figma unique disponible sur la page Communauté.

Nos bibliothèques Figma utilisent des jetons de conception pour gérer les styles fondamentaux tels que la couleur et l’espacement. Ces jetons sont intégrés directement dans les composants, ce qui garantit que vos conceptions restent synchronisées avec les principes de base de notre système.

Si vous découvrez Jutro et Figma, consultez d'abord la page Guide de démarrage pour les concepteurs.

Accès à la bibliothèque

La bibliothèque Jutro Figma est hébergée directement sur la communauté Figma. Le lien ci-dessous vous permet d’accéder au fichier de bibliothèque correspondant à la dernière version.

Suivez ces étapes pour commencer :

1. Accédez à la bibliothèque de composants Jutro sur la communauté Figma.
2. Sélectionnez Ouvrir dans Figma. Un nouveau fichier sera ajouté à vos brouillons.
3. Si une boîte de dialogue vous demande d'indiquer l'emplacement dans lequel ouvrir le fichier, sélectionnez l’organisation de votre choix.
4. Pour utiliser la bibliothèque au sein de votre équipe, déplacez le fichier de vos brouillons vers le projet souhaité.

Important: Pour éviter les erreurs et les conceptions altérées, suivez ces règles de gestion des versions :

• La version de votre bibliothèque Figma doit correspondre à la version d’implémentation de Jutro de votre projet.
• Si vous utilisez des modèles Jutro, leur version doit également correspondre à la version de la bibliothèque Figma.

Transfert au niveau développeur

Nos bibliothèques Figma les plus récentes correspondent au format 1:1 avec les composants React utilisés par les développeurs. Cet alignement simplifie le processus de transfert et rationalise la mise en œuvre, en garantissant que ce que vous concevez correspond précisément à ce qui est créé.

Utilisation d’anciennes versions

Si votre équipe utilise une ancienne version de notre implémentation front-end, sachez que les composants et les styles de la bibliothèque la plus récente peuvent ne pas correspondre à vos contraintes techniques. Coordonnez-vous avec votre équipe de développement pour assurer la faisabilité de la conception et de la mise en œuvre.