Dev Mode
Découvrez le Dev Mode : le moyen le plus rapide de concrétiser les idées. Les équipes de toutes tailles peuvent désormais rapprocher le design et le développement dans Figma.
Ces entreprises font confiance à Figma
Rationalisez les va-et-vient entre le design et l'ingénierie
Le Dev Mode ajoute une structure à Figma afin d'améliorer la collaboration entre le design et l'ingénierie.
Ajouter des annotations et des mesures
Accélérez la préparation du transfert grâce à des annotations et des mesures mises à jour à chaque changement de design pour que vous puissiez continuer à itérer.
Clarifiez le processus
Le Dev Mode aide les équipes à rester concentrées sur l'avancement de leur travail. Trouvez et suivez avec précision ce qui est prêt à être créé, ce qui a été modifié et ce qui est terminé.
Connectez votre travail
Arrêtez de basculer entre vos bibliothèques de design, votre base de code et vos outils de gestion de projets grâce aux plugins de workflow des outils de développement les plus populaires.
Le Dev Mode de Figma facilite une collaboration rationalisée entre les développeurs et les designers, grâce à la réduction des points de friction entre les deux, pour notre plus grande satisfaction.
Sandra Schaus
Lead UX Expert, services de développement commercial, Volkswagen Group Services
Faites évoluer la qualité du design et de l'ingénierie des produits en encourageant l'adoption du design system.
Faites des design systems la voie de la moindre résistance en renforçant la cohérence entre le design et le développement.
Obtenez des informations sur les composants
Explorez les propriétés des composants et la documentation directement liée aux objets sur le canevas.
Connectez votre design system et votre base de codes
Utilisez Code Connect pour lier vos composants dans le code à votre design system dans Figma, afin que les extraits de code soient toujours prêts pour la production.
Découvrez comment HP utilise le Dev Mode pour augmenter l'adoption du design system.
Aidez les développeurs à être plus efficaces dans Figma
Le Dev Mode permet de trouver facilement les détails dont vous avez besoin pour commencer vos créations. Aucune connaissance en matière de design n'est nécessaire.
Figma pour Visual Studio Code
Notre extension pour VS Code permet d'intégrer le fichier de design dans l'éditeur de texte. Inspectez les fichiers Figma, collaborez avec des designers, recevez des notifications et obtenez des suggestions de code pour créer plus rapidement.
Copiez le code correspondant
Générez des extraits de code CSS, iOS ou Android à partir de votre design. Vous pouvez également utiliser un plugin pour personnaliser le code à l'infrastructure ou à la bibliothèque que vous utilisez, quelles qu'elles soient.
Les équipes qui utilisent Figma augmentent l'efficacité du développement de 30 %
Explorez plus de ressources relatives au design et au développement
Pourquoi nous avons créé le Dev Mode (disponible en anglais)
Découvrez l'histoire du Dev Mode et comment nous rendons les workflows plus efficaces dans Figma.
Un guide pour les transferts aux développeurs
Apprenez à tirer le meilleur parti des fonctionnalités de Figma et à améliorer vos transferts de design.
Plugins de la communauté
Explorez les plugins créés par la communauté pour étendre les différentes manières de travailler dans Figma.