|
DES RESSOURCES ET DES OUTILS AU SERVICE DES ACTEURS ET DES PROFESSIONNELS. |
Figma : AvancéDate de mise à jour : 05/01/2026
| Identifiant OffreInfo : 03_251311251F |
Via Compétences (Carif-Oref Auvergne-Rhône-Alpes) |
Améliorer le prototypage et le responsive sur les projets - Préparer un design system abouti
Les essentiels Figma Design à maîtriser
Récapituler les outils indispensables Design
Maîtriser les styles
Rappel des plugins importants
Récapituler les outils indispensables Prototype
Appréhender les différents types d'interactions et d'animations
Manipuler les liens standards indispensables
Travailler avec l'auto layout
Comprendre la différence entre frame simple et frame avec option auto layout
Activer l'auto layout sur des éléments d'interface
Découvrir les paramètres et fonctionnement de l'auto layout
Paramétrer un auto layout
Travailler avec les composants
Créer et modifier des composants
Découvrir les propriétés possibles sur les composants
Ajouter et appliquer des propriétés aux composants
Comprendre le lien entre Composant principal et Instances
Animer ses composants
Atelier?: Réaliser de premiers éléments d'interface avec les outils auto layout et composants
Introduction aux variables
Découvrir le principe des variables
Créer ses premières variables
Utilisation des variables (1)?: les modes
Comprendre les modes
Créer les variables adaptées aux modes
Appliquer les variables et modes
Atelier?: Créer ses premiers modes et appliquer les variables associées dans son projet
Utilisation des variables (2)?: prototypage
Créer les variables adaptées au prototypage
Comprendre le lien crucial entre variables et composants
Prototyper avec l'action Set variable
Prototyper avec l'action Set variable mode
Prototyper avec l'action Conditionnal
Atelier?: Créer et appliquer les différents types de variables pour prototyper avec les actions Set variable, Set variable mode et Conditionnal
Travailler en responsive
Travailler le responsive sans les variables
Travailler le responsive avec les variables et breakpoints
Appréhender les Design systems
Créer et organiser ses variables pour son Design system
Utiliser les widgets et plugins essentiels
Partager son Design system sous forme de librairie Figma
Atelier?: Concevoir 3 écrans avec un Design system complet?: variables, modes et breakpoints inclus
Collaborer avec Figma et maîtriser la phase d'Hand-off
Découvrir le Dev Mode
Travailler avec les plugins HTML et CSS
Maîtriser les différents types de partage
Découvrir les possibilités de Figma Sites
Découvrir et comprendre l'apport de l'IA dans Figma
S'appuyer sur les outils IA Figma
Découvrir les plugins IA tiers
Découvrir les possibilités de Figma Make
Non certificiante
Sans niveau spécifique
Conventionnement : Non
Bénéficiaire de l'action
Niveau d'entrée : Sans niveau spécifique
-