Jira et Figma
Jira Software est un outil de suivi des projets et des tickets pour les équipes agiles. Utilisez Jira Software pour planifier, suivre et gérer les versions de vos produits numériques :
- Créez des projets à l'aide de tableaux Kanban, Scrum ou de roadmaps.
- Planifiez des sprints, hiérarchisez et répartissez les tâches au sein de votre équipe logiciel.
- Accédez à des rapports contenant des informations exploitables en temps réel sur les performances de votre équipe.
- Connectez Jira Software à d'autres outils Atlassian.
Vous pouvez connecter Figma à Jira Software afin d'ajouter des fichiers de design et des prototypes à des tickets ou à des epics dans vos tableaux Scrum ou Kanban.
Vous devrez créer un compte Jira Software pour utiliser cette intégration. Cependant, elle ne permet pas d'ajouter des intégrations à Jira Align ou à Jira Service Desk.
En savoir plus sur l'intégration de fichiers Figma en direct dans d'autres outils ->
Installer l'application Figma pour Jira
Avant de pouvoir intégrer des fichiers et des prototypes dans Jira Software, vous devez ajouter l'application Figma à votre compte Jira.
Vous pouvez le faire à tout moment depuis votre compte Jira.
-
Dans le menu principal, rendez-vous dans Apps > Manage your apps.
-
Cliquez sur Find new apps dans la barre latérale gauche et recherchez l'application Figma.
-
Cliquez sur l'application Figma dans les résultats, puis cliquez sur Get app dans le coin supérieur droit de la liste des applications.
-
Cliquez sur Get app pour ajouter l'application Figma à votre compte.
Une fois l'application Figma pour Jira installée, vos tickets Jira posséderont une section Designs. C'est là que vous pouvez ajouter et afficher les intégrations en direct Figma.
Ajouter un fichier ou un prototype à Jira
Vous pouvez intégrer n'importe quel fichier ou prototype, quels que soient les paramètres de partage de lien du fichier. Les collaborateurs peuvent interagir avec les intégrations en direct Figma en fonction :
- des autorisations de leur équipe ou de leur organisation,
- des paramètres de partage du fichier.
Lier un fichier de design dans Jira Software
Vous pouvez lier plusieurs fichiers Figma à des tickets et recevoir des notifications lorsque les designs sont mis à jour, sans quitter Jira.
Astuce : en mode Tableau, une icône de design lié apparaîtra sur les problèmes Jira ayant un fichier Figma design lié. Passez votre souris sur l'icône de design pour afficher des informations sur le design et la date de la dernière mise à jour, accéder au lien Figma ou visualiser le design directement dans la vue étendue dans Jira.
Lorsque vous ajoutez un design à un ticket, le lien Jira est automatiquement ajouté sous les ressources pour développeurs du fichier Figma en Dev Mode. Vous pouvez cliquer sur le lien de la ressource pour développeurs afin d'ouvrir le ticket dans le plugin Jira, sans quitter Figma.
En savoir plus sur l'utilisation des ressources pour développeurs en Dev Mode →
- Ouvrez le ticket Jira auquel vous souhaitez ajouter une intégration.
- Si la section Designs n'apparaît pas, cliquez sur Add design sous le titre. Vous pouvez également cliquer sur Sync pour afficher les designs déjà liés.
- Collez l'URL Figma dans le champ et cliquez sur Link.
- Vous pouvez à présent consulter le fichier sans quitter Jira. Cliquez sur la miniature pour développer l'aperçu du design. Cliquer sur un prototype ouvrira le fichier dans un nouvel onglet.
- Cliquez sur dans la section Designs pour lier plusieurs fichiers.
Astuce : utilisez la recherche JQL pour localiser rapidement les problèmes Jira avec un statut À faire ou avec des designs liés marqués comme Prêt pour le développement. Vous pouvez rapidement effectuer des mises à jour groupées, exporter des rapports en fonction de critères relatifs aux designs liés et prioriser efficacement les tâches.
Consultez l'article de blog d'Atlassian pour en savoir plus sur la recherche de problèmes avec JQL →
Lier un fichier de design avec le plugin Jira
Bénéficiez d'un contexte complet lorsque vous transformez vos designs en code grâce au plugin Jira. Ce plugin vous permet de lier des tickets Jira à des pages ou des calques afin de toujours disposer des informations dont vous avez besoin.
Utilisez le plugin Jira pour :
- Importer et lier des tickets Jira existants à des pages ou des calques dans un fichier Figma, afin que les développeurs aient facilement accès à tout le contexte dont ils ont besoin.
- Consulter les tickets Jira liés directement dans Figma, pour réduire les changements de contexte lors de la mise en œuvre des designs.
- Créer de nouveaux tickets Jira directement dans Figma, pour garder le cap même si vous vous rendez compte que de nouveaux tickets doivent être créés dans le cadre de la planification ou du transfert.
Lorsque vous liez un design à un ticket à l'aide du plugin Jira, un lien vers le fichier de design est automatiquement ajouté au ticket Jira, dans la section Designs.
Découvrez le plugin Jira dans la Communauté Figma →
Pour utiliser le plugin Jira dans Figma :
- Exécutez le plugin Jira à partir de votre fichier de design. Le plugin est disponible à la fois en Design Mode et en Dev Mode.
En savoir plus sur l'utilisation des plugins dans les fichiers → - Sélectionnez la page ou le calque que vous souhaitez intégrer.
- Cliquez sur Create issue pour ajouter un nouveau ticket dans Jira, ou sur Link issue pour connecter un ticket Jira existant à la page ou au calque sélectionné.
- Une fois le ticket lié, vous pourrez en consulter les détails dans le plugin Jira.
Remarque : lorsque vous utilisez le plugin pour lier un ticket à un design, le ticket est également ajouté en tant que lien sous les ressources pour développeurs en Dev Mode afin de faciliter la découverte.
En savoir plus sur l'utilisation des ressources pour développeurs en Dev Mode ->
Créer des tickets avec le widget Jira
Utilisez le widget Jira pour extraire les projets Jira et tous les tickets associés dans le canevas afin d'en discuter et de les mettre à jour avec votre équipe. Modifiez la personne désignée, le niveau de priorité, le statut et le type de ticket directement dans Figma ou FigJam, tout en conservant votre source de vérité dans Jira. Vous pouvez facilement les enregistrer en tant que nouvelles tâches ou nouveaux tickets dans Jira, et même lier les designs associés dans Figma.
Découvrez le widget Jira dans la Communauté Figma ->
Dans un design Figma
Lorsque vous exécutez le widget Jira dans un fichier de design, vous pouvez soit créer un ticket à partir du design, soit importer un ticket ou un projet existant.
En savoir plus sur l'utilisation de widgets dans les fichiers →
Pour créer un ticket à partir d'un design :
- Cliquez sur Create issue from design dans le widget.
- Ajoutez un résumé de votre ticket dans Summary.
- Indiquez la provenance du design. Vous pouvez ajouter des designs à partir d'un cadre sélectionné, de votre page actuelle ou en collant un lien Figma.
- Sélectionnez un projet dans la liste déroulante Project pour ajouter un nouveau ticket.
- Sélectionnez le type de ticket dans la liste déroulante Issue type.
- Cliquez sur Create pour générer le ticket. Celui-ci apparaîtra comme un objet déplaçable dans le fichier.
Dans FigJam
Lorsque vous exécutez le widget Jira dans un fichier FigJam, vous pouvez soit transformer des notes en tickets, soit importer un ticket ou un projet existant.
Pour transformer des notes en tickets :
- Sélectionnez une ou plusieurs notes à transformer en tickets.
- Cliquez sur Turn stickies into issues dans le widget.
- Sélectionnez un projet dans la liste déroulante Project pour ajouter le nouveau ticket.
- Sélectionnez le type de ticket dans la liste déroulante Issue type.
- Cliquez sur Convert stickies pour générer les tickets. La note s'affichera sous la forme d'un ticket à faire glisser dans le canevas.
Afficher les mentions Design updated
Pour afficher la mention Design updated sur une miniature, demandez à votre administrateur Jira de cliquer sur Connect Figma to Jira sous Get design updates. Cette mention sera visible si un design lié a été mis à jour depuis la dernière fois que vous avez consulté un ticket.
Votre administrateur Jira devra ajouter les URL de toutes les équipes Figma utilisant un site Jira.
Remarque : vous devrez fermer tous les onglets du navigateur qui affichent le fichier Figma design lié avant de voir le commentaire Design mis à jour dans le problème Jira.
Automatiser les workflows avec des designs liés
Gagnez du temps en automatisant les processus manuels pour améliorer la collaboration entre les équipes de design et de développement. Utilisez l'automatisation du design dans Jira pour informer les développeurs des modifications apportées aux designs, mettre à jour les statuts des problèmes et ajouter facilement des commentaires aux problèmes rencontrés sur les designs.
Pour configurer des automatisations avec des designs liés dans un projet Jira :
- Accédez à Paramètres de projet > Automatisation dans la barre latérale droite.
- Cliquez sur l'onglet Modèles.
- Dans la section Design, sélectionnez l'automatisation que vous souhaitez configurer.
- Cliquez sur Activer la règle. En regard du nom de la règle, vous verrez le statut passer en Activé.
Vous pouvez désactiver ou supprimer une automatisation depuis l'onglet Règles sous Automatisation.
En savoir plus sur l'automatisation des tâches et des processus dans Jira →
Supprimer Figma de Jira
Vous pouvez supprimer une seule intégration ou bien désinstaller l'application Figma pour supprimer l'application et toutes les intégrations Figma.
Supprimer une intégration
Si vous souhaitez supprimer un fichier ou un prototype en particulier, vous pouvez le supprimer du ticket dans Jira.
- Ouvrez le ticket contenant l'intégration que vous souhaitez supprimer.
- Cliquez sur Supprimer le design à côté de l'intégration.
-
Jira supprimera alors l'intégration que contient le ticket.
Supprimer l'application Figma pour Jira
Si vous souhaitez déconnecter votre compte Figma de Jira, vous pouvez désinstaller l'application Figma. Cela supprimera également tous les fichiers ou prototypes intégrés de votre tableau.
- Ouvrez le tableau dans Jira.
- Cliquez sur Apps dans la barre de menu et sélectionnez Manage your apps.
- Cliquez sur la flèche à côté de l'application Figma pour la développer.
- Cliquez sur le bouton Uninstall :