Figma Perfectionnement pour le design d'interface (UX/UI)

Préambule sur Figma

• Découvrir les dernières actualités du logiciel Figma

Acquérir une méthodologie optimisée dans la construction de projets Figma

• Analyser des ressources et modèles de fichiers de design system
• Acquérir une bonne convention de nommage (files, pages, sections, frames, layers, styles, components…)
• Mettre en place des styles de forme, de texte, d'effets, de grille partagés
• Créer des composants et exploiter les fonctionnalités de personnalisation des instances (textes, images) et les contraintes de redimensionnement
• Organiser ses composants dans des projets, fichiers, pages, frames

Optimiser votre workflow avec des fonctionnalités avancées

• Automatiser les positions des éléments avec les autolayout
• Gérer les exceptions avec l'absolute positionning
• Accéder directement aux banques d'images et d'icônes
• Renommer, réorganiser les calques et frames en masse
• Créer des composants complexes (propriétés : variants, bolean, instance, text)
• Automatiser les transformations des éléments sur les différents devices

Optimiser votre workflow avec des plugins Figma

• S'assurer de l'accessibilité
• Disposer de faux contenu (textes et images)
• Accéder directement aux banques d'images et d'icônes
• Supprimer les arrières plan des images
• Créer et importer, mettre à jour des contenus personnalisés (textes et images)
• Créer et gérer un système d'espace
• Nettoyer, optimiser les fichiers

Créer un prototype avancé avec des animations

• Maîtriser les différentes possibilités d'interactions et d'animations
• Mettre en place des interactions sur les components
• Ajouter et éditer des gifs et videos dans les prototypes
• Différencier Navigate To, Open Overlay et Swap With
• Visionner ses écrans ou son prototype sur une interface desktop et mobile

Élaborer un mode de travail collaboratif sur les projets

• Appréhender l'espace de travail Figma (Team, Project, File, Branch, History)
• Partager son fichier, son projet, son équipe avec des "collaborateurs" ou "viewers"
• Ajouter et gérer des librairies partagées par plusieurs documents
• Gérer l'utilisation des polices aux polices (accès, variable font, propriétés avancées)
• Avoir accès aux statistiques d'usages des composants avec Figma Organisation
• Gérer les historiques des fichiers et les branchs avec Figma Organisation
• Exporter les éléments pour la production (code et assets)