Figma Mise à jour 2023

Préambule

• Prendre en main les dernières nouveautés dans l'interface de présentation des fichiers

Créer des interfaces paramétrables avec les variables

• Appréhender les design tokens
• Mettre en place des variables dans Figma (couleurs, nombres, textes et variables booléennes)
• Automatiser la gestion des tailles sur les différentes frames
• Automatiser la gestion du thème Light/Dark sur les différentes frames
• Mettre en place des tailles minimum et maximum pour les composants

Créez des prototypes avancées avec les variables

• Partager les états des composants interactifs, des vidéos et du défilement
• Générez des valeurs numériques ou de chaînes dynamiques à l'aide d'opérateurs
• Ajouter des conditions au prototypes

Exploiter les fonctionnalités du dev mode

• Définir l'état d'une section pour les développeurs
• Inspecter et copier-coller les codes pourle web, ios ou android
• Lié un composant Figma à une ressource Dev (GitHub, StoryBook, Jira)
• Comparer les modifications de la version actuelle à la précédente
• Inspectez des fichiers Figma dans VS Code

Optimiser votre workflow avec les dernières nouveautés

• Créer des composants complexes (propriétés : variants, bolean, instance, text)
• Exploiter les nouvelles fonctions liées aux polices (nombre de lignes visibles, catégories, hauteur de texte, numérotation...)
• Appréhender les nouveautés dans Figjam