Figma Design lance les calques de code, permettant aux équipes de créer, modifier et partager du code directement sur le canevas.
La plateforme de design Figma introduit des calques de code destinés à simplifier la collaboration entre concepteurs et développeurs. Cette nouvelle fonctionnalité réunit le design et le code au sein d’un environnement partagé unique. Les calques de code sont disponibles en version bêta fermée.
Calques de code
Les utilisateurs peuvent commencer à utiliser les calques de code dans Figma de différentes manières. L’ajout d’un nouveau calque de code peut se faire directement via la barre d’outils, à partir d’un cadre existant ou avec l’aide de l’agent Figma.
Ceux qui disposent déjà d’une base de code peuvent facilement importer un dépôt GitHub ou télécharger un dossier local. De plus, il est possible d’utiliser un modèle ou de fournir une description de ce que l’on souhaite construire, après quoi l’agent génère une première version.
Itérations
Les calques de code offrent la possibilité d’explorer différentes options de conception, de manière similaire à la duplication de cadres. Les équipes peuvent comparer des alternatives côte à côte et voir non seulement l’aspect visuel des options, mais aussi leur fonctionnement.
En déplaçant ou en ajustant des éléments, l’impact est immédiatement visible dans le code. Grâce à des invites (prompts), l’agent Figma peut générer des variations tout en préservant l’original. Comme les calques de code existent dans des fichiers partagés, les membres de l’équipe peuvent suivre les modifications en direct, ajouter des commentaires et collaborer sur le même calque.
D’un simple clic, les utilisateurs peuvent appliquer les modifications effectuées sur le canevas au calque de code. Les flux clés et les états issus du code sont facilement convertibles en calques Figma modifiables, permettant à toute l’équipe de comprendre le fonctionnement de l’application.