Figma permet de tester des prototypes avec du code directement sur le canvas. L'outil « code layers », en version bêta, intègre des règles de style et des dépôts. La fonctionnalité est disponible pour des équipes comme Uber et Atlassian.
L'outil intègre des règles de style et des dépôts, ce qui facilite la création et l'affinement de prototypes. Les designers peuvent explorer des variantes d'interfaces, comme des boutons de livraison dans une application fictive, et comparer les options côte à côte. Figma Agent reconnaît les composants approuvés et applique les règles définies dans des guides. L'accès à la bibliothèque se fait par le chat, en sélectionnant « Libraries » et en choisissant la bibliothèque souhaitée. Les exemples et les guides sont importants pour orienter l'agent, et des designs peuvent être ajoutés comme contexte pour des tâches spécifiques. L'outil permet d'extraire des éléments en calques Figma modifiables, ce qui facilite les ajustements de mise en page et de style.
La fonctionnalité repose sur des agents d'IA et des calques de code, avec prise en charge des dépôts GitHub et des systèmes de design existants. AWS a publié un article sur quatre couches d'ingénierie de contexte pour des agents d'IA en production. La fonctionnalité peut aider les équipes à ajuster les mises en page et les styles à partir de règles de code et de systèmes de design. La disponibilité au Brésil n'a pas été confirmée, mais l'outil est déjà accessible à certaines équipes, comme Uber et Atlassian.
La fonctionnalité est disponible pour des équipes comme Uber, Granola et Atlassian, ce qui montre l'accent mis sur les entreprises ayant besoin d'une intégration entre design et code. La dépendance aux dépôts GitHub et aux systèmes de design existants peut limiter l'usage pour les équipes qui ne disposent pas de ces structures. La disponibilité au Brésil n'a pas encore été confirmée, mais la fonctionnalité est déjà en production.
Figma réunit design et code dans un nouvel outil
La fonctionnalité, appelée « code layers », permet aux équipes de tester des prototypes avec du code directement sur le canvas, en intégrant des règles de style et des dépôts. Cette nouveauté s'inscrit dans une tendance d'intégration entre design et code, avec des outils comme Figma Agent qui permettent aux équipes de travailler avec plus de précision.
D'après des informations de figma.com.
Sources
- Workflow lab build with code on the canvas using the figma agent and code layersfigma.com
- How to put your design system to work with the figma agentfigma.com
- Kimi k3 1 pro why a faster coding model can still finish the job slowlymilind-divre.medium.com
- Four layers of context engineering for production ai agents how deep insight applies them in working codeaws.amazon.com
Texte rédigé avec l'IA à partir des sources citées et vérifié par les règles automatiques de la rédaction. Notre méthode
Envie de voir resumer en premier dans les recherches Google ?
Ajouter aux sources préférées de Google
