Vous êtes un développeur ? Alors, ne partez pas tout de suite ! Vous devriez jeter un coup d’œil à cette nouvelle fonctionnalité récemment déployée par Figma : le mode Développeur ! Cet outil a été spécialement élaboré pour simplifier votre expérience sur la plateforme. Dans cet article, nous avons compilé toutes les informations essentielles que vous devez connaître à son sujet.
Sommaire
Rapide présentation de la plateforme Figma
Si vous n’êtes pas familier avec Figma, la principale information à retenir est que cette plateforme est dédiée à la conception et à la collaboration en ligne. Elle s’avère d’une grande utilité pour les équipes travaillant sur des projets d’interface utilisateur et d’expérience utilisateur. Lancée en 2016, Figma a rapidement gagné en popularité grâce à sa simplicité d’utilisation, sa puissance et sa capacité à permettre une collaboration en temps réel.
Figma offre un environnement de conception basé sur le cloud, ce qui signifie que les utilisateurs peuvent y accéder depuis n’importe quel navigateur web, sans nécessiter l’installation de logiciels supplémentaires. Cela facilite grandement la collaboration entre les membres d’une équipe, qu’ils se trouvent dans un même bureau ou à des endroits géographiquement distants.
L’une des caractéristiques principales de Figma est sa capacité à prendre en charge la conception interactive. Il permet de créer des prototypes interactifs, avec des éléments cliquables et animés, ce qui facilite la présentation et les tests de concepts d’interface utilisateur. Cette approche permet d’obtenir des retours plus précis et de mieux appréhender l’expérience utilisateur avant d’entamer la phase de développement.
Figma propose également une gamme complète d’outils de conception avancés, notamment des fonctionnalités de dessin vectoriel, des bibliothèques de composants réutilisables, ainsi que des plugins pour étendre les fonctionnalités de la plateforme.
Dev Mode Figma : c’est quoi exactement ?
Le 21 juin 2023, Figma a dévoilé Dev Mode, une toute nouvelle fonctionnalité créée spécialement pour répondre aux besoins des développeurs. Cette innovation vise à renforcer la collaboration entre les concepteurs et les développeurs en leur offrant les moyens nécessaires pour travailler de manière plus efficace.
Dev Mode met à la disposition des développeurs un accès rapide aux informations essentielles. Il présente une interface qui rappelle celle d’un inspecteur de navigateur, rapprochant ainsi les concepts de conception de ceux du développement. Les développeurs peuvent désormais localiser et extraire facilement les mesures, les spécifications et les ressources dont ils ont besoin.
L’une des caractéristiques notables de Dev Mode réside dans la personnalisation complète du code pour différents langages de programmation. Les développeurs peuvent ainsi :
– Examiner le modèle CSS de manière visuelle.
– Utiliser une syntaxe moderne et adaptée à leurs besoins.
– Basculer entre différentes unités de dimension pour correspondre à leur codebase.
En plus de cela, il est important de noter que Dev Mode réunit tous les outils indispensables au sein d’un même environnement de travail. Les plugins permettent d’étendre les fonctionnalités de Figma en intégrant des outils de gestion de projet tels que 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 au sein des fichiers de conception.
À noter également que l’extension pour VS Code permet d’intégrer Dev Mode directement dans l’éditeur de code, simplifiant ainsi la collaboration tout en offrant un accès rapide aux maquettes, aux notifications et aux commentaires.
Quelle disponibilité ?
Dev Mode et l’extension pour VS Code sont actuellement en phase bêta et sont disponibles gratuitement pour tous les utilisateurs jusqu’à la fin de l’année 2023. Mais que se passera-t-il ensuite ?
À partir de 2024, un abonnement payant sera requis pour continuer à utiliser ces fonctionnalités. Ne vous inquiétez pas, Figma proposera des plans spécifiques pour les développeurs qui n’ont pas besoin de toutes les fonctionnalités offertes par Figma.
Il est également prévu que Figma étende les fonctionnalités de Dev Mode en fonction des retours des utilisateurs, dans le but d’améliorer encore davantage la collaboration entre les concepteurs et les développeurs, et de mieux aligner le processus de conception et de codage.
Plus d’informations dans cette vidéo :