Vous êtes développeurs ? Alors ne partez pas tout de suite ! Vous devriez vous intéresser à cette nouvelle fonctionnalité lancée par Figma : Dev Mode ! Un outil spécialement conçu pour simplifier votre utilisation de la plateforme. Dans cet article, nous avons rassemblé tout ce qu’il faut savoir.
Rapide présentation de la plateforme Figma
Si vous ne connaissez pas Figma, la principale information à retenir est que c’est une plateforme de conception et de collaboration en ligne, qui est d’une grande aide pour les équipes qui souhaitent travailler ensemble sur des projets de conception d’interfaces utilisateur et d’expérience utilisateur.
Lancée en 2016, Figma est rapidement devenue populaire en raison de sa facilité d’utilisation, de sa puissance et de sa capacité à permettre une collaboration en temps réel.
Figma offre un environnement de conception basé sur le cloud. Concrètement, cela signifie que les utilisateurs peuvent y accéder depuis n’importe quel navigateur web sans avoir à installer de logiciel supplémentaire. Un moyen de plus de faciliter la collaboration entre les membres d’une équipe, qu’ils se trouvent dans le même bureau ou dans des endroits différents à travers le monde.
L’une des principales fonctionnalités de Figma est sa capacité à permettre la conception interactive. Vous pouvez y créer des prototypes cliquables et animés pour présenter et tester vos concepts d’interface utilisateur. Cela permet d’obtenir des commentaires plus précis et de mieux comprendre l’expérience utilisateur avant de passer à la phase de développement.
Figma offre également des outils de conception avancés : des fonctionnalités de dessin vectoriel, des bibliothèques de composants réutilisables et des plugins pour étendre les fonctionnalités de la plateforme.
Le 21 juin 2023, Figma a annoncé le lancement de Dev Mode, un nouvel espace de travail conçu spécifiquement pour répondre aux besoins des développeurs. Cette fonctionnalité vise à améliorer la collaboration entre designers et développeurs, en leur fournissant les outils nécessaires pour travailler efficacement.
Dev Mode permet aux développeurs d’accéder rapidement aux informations dont ils ont besoin. Il offre une interface similaire à un inspecteur de navigateur, rapprochant les concepts de conception de ceux du développement. Les développeurs peuvent ainsi trouver et exporter facilement les mesures, spécifications et ressources nécessaires.
Le mode Dev propose également une personnalisation complète du code pour différents langages de programmation. Les développeurs peuvent :
Basculer entre les unités de dimension pour correspondre à leur codebase
En plus de cela, sachez que Dev Mode facilite l’accès à tous les outils nécessaires au sein d’un même espace de travail. Les plugins permettent d’étendre les fonctionnalités de Figma en intégrant des outils de gestion de projet comme Jira, Linear et GitHub. Les systèmes de conception sont renforcés grâce à l’introduction de tokens de conception, tandis que la fonction de suivi des éléments prêts pour le développement facilite la navigation dans les fichiers de conception.
Bon à savoir : L’extension pour VS Code permet d’intégrer Dev Mode directement dans l’éditeur de code, facilitant ainsi la collaboration et l’accès aux maquettes, aux notifications et aux commentaires.
Extension VS Code pour Figma
Quelle disponibilité ?
Dev Mode et l’extension pour VS Code sont actuellement en version bêta et gratuits pour tous les utilisateurs jusqu’à la fin de 2023. Et ensuite ?
À partir de 2024, un abonnement payant sera nécessaire pour y accéder. Et ne vous inquiétez pas, des options de plan spécifiques seront proposées aux développeurs qui n’ont pas besoin de l’ensemble des fonctionnalités de Figma.
Figma prévoit également d’étendre les fonctionnalités de Dev Mode en se basant sur les retours des utilisateurs, afin d’améliorer davantage la collaboration entre designers et développeurs et d’aligner la conception et le code de manière plus efficace.
Avant de se quitter…
Si cet article sur le Dev Mode lancé par Figma vous a plu, n’hésitez pas à le partager sur les réseaux sociaux et à vous abonner à notre newsletter digitale pour recevoir nos prochains articles.
Vous pouvez également suivre nos meilleurs articles via notre flux RSS : https://www.leptidigital.fr/tag/newsletter-digitale/feed/ (il vous suffit de l’insérer dans votre lecteur de flux RSS préféré (ex : Feedly)).
Nous sommes aussi actifs sur LinkedIn, Twitter, Facebook et YouTube.
Pour toute question associée à cet article, n’hésitez pas à utiliser la section « commentaires » pour nous faire part de votre remarque, nous vous répondrons (avec plaisir) dans les meilleurs délais.
Titulaire dans master en marketing international et management, je m’intéresse au marketing et au digital au sens large. Pour me contacter : [email protected]
