Visual Copilot

Conversion des conceptions Figma en code propre avec une intelligence artificielle. Builder.io/m/design-to-code

Variables Figma

Les variables locales permettent des simplifier et d’harmoniser les évolutions des maquettes dans Figma. Elles se configurent depuis la section Local Variables dans le panneau des propriétés de design selon 4 types : Ces variables sont regroupées dans des collections pour définir des niveaux de catégorisation des styles d’éléments, codification des différentes variables (tokenisation).

Smart animate

Fonctionnalité dans Figma qui permet de gérer l’animation entre frames dans un prototype.

Aninix UI

Extension Figma qui facilite la création et l’édition des animations d’interface utilisateur. Les animations peuvent être exportées à partir d’un flow starting point un point de départ d’animation en GIF, vidéo mp4 ou en Lottie animation pour le motion design. Aninix.com

Anima app

Anima app est une application freemium qui permet de travailler avec un processus continu de la conception au codage. Elle permet de convertir des prototype Figma, AdobeXD et Sketch en code HTML, React et Vue. Animaapp.com Voir aussi : Locofy , PageDraw , Zecoda

Figma desktop app

Application de bureau pour Figma qui donne accès à plus de fonctionnalités : polices locales, épingles, multi-écrans etc. Figma desktop est relié à la plateforme en ligne. Figma desktop app Documentation sur les polices locales

Config.figma

Catalogue de conférences en ligne à destination des professionnels du design numérique. Cette ressource offre gratuitement un large éventail de sessions vidéo adaptées aux métiers du design, du développement et de la gestion de produit numérique. Config.figma.com

UI Kit

Un kit d’interface utilisateur est un ensemble de composants graphiques d’interface utilisateur prédéfinis utilisés pour créer des interfaces utilisateur cohérentes et attrayantes. L’UI Kit permet de gagner du temps dans la conception avec des composants prêts à l’emploi. Il contient un ensemble de fichiers avec des boutons, des formulaires, icônes, widgets, barres de navigation etc. […]

Guide de style

Un guide de style est un document qui définit les normes de conception d’une interface utilisateur. Il définit généralement les éléments suivants : Automatic Styleguides Style Guidelines

Dev Mode

Le Dev Mode est un espace de travail dans Figma pour les développeurs semblable à un inspecteur de code du navigateur qui permet d’exporter des fragments de code CSS, iOS ou Android prêts pour la production. Documentation Dev Mode