Figma intègre code, animation et IA à son canvas

Résumé

Figma intègre des couches de code, des animations natives et de nouveaux outils d’IA pour générer assets, shaders et plug-ins personnalisés directement depuis le canvas collaboratif.

Les faits

Figma a dévoilé une mise à jour majeure qui ajoute une nouvelle couche de code, la prise en charge du motion et des shaders, ainsi que la possibilité de créer des plug-ins personnalisés pour diverses tâches à l’aide de l’IA. La plateforme de design travaillait depuis un moment à l’intégration du code dans son outil. L’éditeur intègre désormais les couches de code directement dans le canvas collaboratif, ce qui aide les équipes à cloner des dépôts et à extraire des flux depuis le code vers des calques de design pour les tester. Selon Yuhki Yamashita, directeur produit de Figma, ces couches de code facilitent l’itération pour les designers, les chefs de produit et les développeurs, en leur permettant de se concentrer sur les idées plutôt que sur un code parfait destiné à la production. La mise à jour apporte aussi la prise en charge des animations, des transitions et des transformations 3D. Jusqu’ici, les designers devaient créer les animations dans d’autres logiciels puis les convertir en code compréhensible par l’application. Désormais, ils peuvent intégrer directement animations et transitions dans Figma, sans passer par un outil externe. L’IA est davantage mise à contribution : les utilisateurs peuvent utiliser l’IA pour créer certains de ces éléments, et la mise à jour ajoute la possibilité d’appliquer des effets de shaders et des remplissages générés par l’IA. Figma introduit en parallèle une fonctionnalité destinée à aider les utilisateurs à créer des plug-ins personnalisés, comme des générateurs de mise en page ou des traceurs de chemins vectoriels, via de simples invites textuelles.

Pourquoi c’est important

Cette mise à jour renforce le rôle de Figma comme plateforme centrale de collaboration entre design et développement. En intégrant des couches de code directement sur le canvas et en permettant de cloner des dépôts ou d’extraire des flux de code vers des calques de design pour les tests, l’outil réduit les frictions du passage de la maquette au prototype exécutable. L’ajout d’animations natives, d’effets de shaders générés par l’IA et d’un constructeur de plug-ins par invites élargit fortement le champ d’action des équipes produit. Designers, développeurs et chefs de produit peuvent expérimenter plus vite, dans un espace partagé, en s’appuyant sur l’IA pour générer assets visuels et outils sur mesure, sans écrire de code complexe.

Questions fréquentes

Qu’apporte la nouvelle mise à jour de Figma ?

Elle ajoute une couche de code, le support du motion et des shaders, et la création de plug-ins personnalisés pour diverses tâches à l’aide de l’IA.

Comment Figma intègre-t-il désormais le code dans le canvas ?

Les couches de code sont ajoutées directement au canvas collaboratif, ce qui permet de cloner des dépôts et d’extraire des flux du code vers les calques de design.

Que dit Figma sur l’usage des couches de code ?

Yuhki Yamashita explique que ces couches facilitent l’itération sur les idées plutôt que la production d’un code parfait prêt pour la production.

Figma gère-t-il désormais les animations en natif ?

Oui, la mise à jour ajoute le support des animations, des transitions et des transformations 3D directement dans Figma.

Quel est le rôle de l’IA dans cette mise à jour ?

L’IA permet de créer certains assets, d’ajouter des effets de shaders et des remplissages, et d’aider à générer des plug-ins personnalisés à partir d’invites.

Source

Auteur

Rédaction spécialisée dans la veille et l'analyse de l'actualité de l'intelligence artificielle, des puces IA, des robots, des agents IA et de la recherche.