Conversion des conceptions Figma en code propre avec une intelligence artificielle. Builder.io/m/design-to-code
Archives : Lexique 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).
Fonctionnalité dans Figma qui permet de gérer l’animation entre frames dans un prototype.
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 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
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
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
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. […]
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
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