FIGMA IA : optimisez votre UI design | Niv avancé
- Formation en modalités adaptables
- 02 jours (14 heures)
- 1100 € HT/pers & /jour*
- Groupe ou Individuel
- Formatcode 46286
*Prix par participant, valable pour les groupes de 4 personnes et plus. Prix final sur devis.
Cette formation niveau avancé vous permettra de maîtriser les fonctionnalités poussées de Figma, afin de structurer et gérer efficacement un Design System. Vous approfondirez votre expertise dans la création de composants complexes, incluant des animations et interactions avancées pour des interfaces dynamiques et intuitives. Vous découvrirez comment importer et manipuler des données réelles, tout en tirant parti des plugins et widgets pour optimiser votre workflow de conception. En intégrant les meilleures pratiques, vous apprendrez à préparer vos designs pour une intégration fluide dans un environnement de développement et à collaborer sur des plateformes externes
- Approfondir ses connaissances et compétences dans l’utilisation avancée de Figma.
- Acquérir les compétences nécessaires pour structurer et gérer efficacement un Design System sur Figma.
- Développer une expertise dans la création de composants complexes et animés avec des interactions avancées.
- Maîtriser les techniques d’importation et de manipulation de données réelles sur Figma.
- Comprendre l’importance des plugins et des widgets pour améliorer le workflow de conception sur Figma.
- Apprendre à préparer ses designs pour une intégration efficace dans un environnement de développement.
- Explorer les différentes possibilités offertes par Figma pour le déploiement et la collaboration sur des plateformes externes.
- Objectif de la journée J1 : Avoir une page full opérationnelle/responsive/interchangeable
- Validation des structures des compétences essentielles
– Maîtriser l’auto-layout
– Structurer les components
– Savoir différencier propriétés et variants
- Créer des composants en vue d’un Design system
– Structurer sa librairie avec une approche Atomic Design
– Structurer ses composants avec l’auto-layout
– Créer des composants imbriqués (nested components)
– Gérer l’affichage de ses composants et variants
– Maîtriser le smart Animate
– Créer des composants animés
– Créer des composants avec plusieurs interactions
– Les interactions de type delay
– Exercice pratique : Réalisation de composants animés avec différentes interactions
- Gérer ses librairies
– Gérer des librairies à plusieurs utilisateurs
– Découvrir le swap de librairie
– Gouvernance des librairies
– Exercice pratique : Gestion collaborative d’une librairie et utilisation du swap de librairie
- Faciliter le travail avec les autres métiers
– Connaître les plugins et widgets incontournables
– Importer de la data depuis un fichier .json
– Créer les design tokens pour les développeurs
– Exercice pratique : Utilisation de plugins et hand-off avec des solutions tierces
- Présentiel : Lille - Paris - Nantes - Rennes - Bordeaux - Caen - Angers - Laval / ou distantiel
