L'évolution de Figma : couches de code, plugins IA et support du mouvement

Figma redéfinit fondamentalement la frontière entre le design et le développement avec sa dernière mise à jour massive. En intégrant des couches de code et des capacités d'IA générative directement dans son canevas collaboratif, la plateforme passe d'un outil de prototypage statique à un environnement dynamique et multidisciplinaire.

Combler le fossé grâce aux couches de code

Dans une démarche significative vers la parité « design-to-code », Figma a introduit des couches de code directement sur son canevas multi-utilisateurs. Cette fonctionnalité permet aux équipes d'ingénierie de cloner des dépôts et d'extraire des flux de code existants vers des couches de design pour des tests et des itérations rapides.

Contrairement aux flux de travail traditionnels où les designers transmettent des fichiers statiques aux développeurs, le Chief Product Officer de Figma, Yuhki Yamashita, souligne que cet environnement est conçu pour l'exploration plutôt que pour la perfection prête pour la production. En permettant aux designers, aux chefs de produit et aux ingénieurs d'interagir avec le code de manière spatiale et non linéaire, Figma vise à accélérer la phase de découverte du développement de produits, réduisant ainsi les frictions souvent rencontrées lors du processus de transfert (hand-off).

Mouvement avancé, shaders et transformations 3D

Pendant des années, le motion design haute fidélité obligeait les designers à passer de Figma à des logiciels d'animation spécialisés, ce qui entraînait souvent des processus de conversion complexes. Figma élimine cette complexité en ajoutant un support natif pour les animations, les transitions et les transformations 3D.

La mise à jour élargit également la boîte à outils visuelle en introduisant la prise en charge des effets de shader et des remplissages. Cela permet de prototyper des éléments visuels plus sophistiqués et performants directement dans l'outil, garantissant que le « ressenti » d'un produit est capturé bien plus tôt dans son cycle de vie.

IA générative et création de plugins personnalisés

Figma renforce sa feuille de route IA en transformant le canevas en un espace de travail programmable. Les utilisateurs peuvent désormais utiliser des prompts textuels pour créer des « compétences » réutilisables pour les agents d'IA, faisant de l'assistant IA un collaborateur personnalisé plutôt qu'un outil générique. Pour accroître la précision, l'IA peut désormais ingérer du contexte provenant d'outils externes tels que Notion, Excel, GitHub, Granola et divers fichiers téléchargés.

Ce qui est peut-être le plus révolutionnaire pour la communauté des développeurs est la possibilité de créer des plugins personnalisés via de simples prompts. Qu'un utilisateur ait besoin d'un générateur de mise en page spécifique ou d'un traceur de chemin vectoriel complexe, il peut désormais construire des outils fonctionnels sur mesure dans Figma sans écrire de code traditionnel.

Intégration de Weavy pour les flux de travail pilotés par des modèles

S'appuyant sur l'acquisition de l'outil basé sur les nœuds Weavy, Figma travaille à l'intégration de flux de travail avancés pilotés par des modèles. Plus tard cette année, les utilisateurs pourront générer des flux de travail Weavy directement dans l'interface Figma. Cela permettra aux équipes de design d'exécuter des flux de travail complexes via différents modèles d'IA pour comparer les résultats, garantissant que la direction de design choisie est optimisée selon divers paramètres génératifs.

Points clés à retenir

  • Parité Code-Design : Les nouvelles couches de code permettent aux équipes d'importer des données de dépôts dans le canevas, faisant de l'environnement de design un espace véritablement collaboratif pour les ingénieurs et les designers.
  • Mouvement et shaders natifs : Figma prend désormais en charge les transformations 3D, les transitions et les effets de shader, réduisant ainsi le besoin de logiciels d'animation externes.
  • Extensibilité pilotée par l'IA : Les utilisateurs peuvent désormais générer des plugins personnalisés et des « compétences » d'IA réutilisables via des prompts textuels, intégrés aux données externes de GitHub et Notion.