📁PAO / CAO & Création graphiquePrésentiel/Distanciel
Formation Figma - Interfaces UI/UX Collaboratives
La formation "Figma - Interfaces UI/UX Collaboratives" structure la conception d’interfaces digitales autour des composants, du design system et du prototypage interactif. Les modules renforcent la collaboration design-développement et professionnalisent le workflow UI/UX dans des environnements numériques exigeants.
2 jours / 14h
Programme détaillé
1
Prise en main de Figma (3h30)
Objectif opérationnel : Maîtriser l'interface et les outils de base
- Introduction à Figma : positionnement, avantages, organisation (fichiers, pages, frames)
- L'interface : outils, panneaux, raccourcis essentiels
- Formes de base : rectangles, ellipses, polygones, vecteurs, booléens
- Texte : typographies, styles, propriétés avancées
- Images et masques : import, recadrage, effets
- Contraintes et Auto Layout : bases du responsive design
- Mise en pratique : Reproduction d'une interface mobile simple
2
Composants et systèmes de design (3h30)
Objectif opérationnel : Créer des éléments réutilisables et maintenables
- Composants : création, instances, overrides
- Variants : regrouper les états d'un composant (hover, active, disabled)
- Auto Layout avancé : imbrication, espacements, alignements dynamiques
- Styles : couleurs, typographies, effets, grilles
- Variables et modes : thèmes clair/sombre, responsive tokens
- Bibliothèques partagées : publication, mise à jour, gouvernance
- Mise en pratique : Construction d'une bibliothèque de composants UI
3
Prototypage et interactions (3h30)
Objectif opérationnel : Donner vie aux maquettes avec des prototypes interactifs
- Principes du prototypage : liens, déclencheurs, animations
- Transitions : types, durée, easing, smart animate
- Interactions avancées : scroll, hover, drag, overlays
- Prototypes multi-écrans : navigation, onglets, menus
- Présentation et partage : modes de présentation, commentaires
- Tests utilisateurs : partage de prototype, observation
- Mise en pratique : Prototypage d'un parcours e-commerce complet
4
Collaboration et workflow (3h30)
Objectif opérationnel : Travailler efficacement en équipe design
- Collaboration en temps réel : curseurs, commentaires, historique
- Organisation d'équipe : projets, permissions, branching
- Handoff développeurs : inspect, export, plugins (Zeplin, Anima)
- Plugins essentiels : icons, images, accessibilité, data
- FigJam : brainstorming, user flows, wireframes collaboratifs
- Workflow design : du brief au handoff, bonnes pratiques
- Livrable : Projet UI complet avec design system et prototype
Objectifs pédagogiques
- Maîtriser l'interface et les fonctionnalités de Figma
- Concevoir des interfaces utilisateur modernes et responsive
- Créer des composants réutilisables et des systèmes de design
- Prototyper des interactions et des parcours utilisateurs
- Collaborer efficacement en équipe sur des projets de design
Profils concernés :
Professionnels souhaitant développer leurs compétences dans ce domaine, managers, collaborateurs, consultants, toute personne concernée par cette thématique dans son activité.
Cette formation s'adresse à vous si :
Professionnels souhaitant développer leurs compétences dans ce domaine, managers, collaborateurs, consultants, toute personne concernée par cette thématique dans son activité.
Cette formation s'adresse à vous si :
- Vous souhaitez acquérir de nouvelles compétences
- Vous devez répondre à des exigences professionnelles
- Vous voulez évoluer dans votre fonction
- Vous cherchez à améliorer vos pratiques
Aucune connaissance préalable du sujet n'est requise. Être à l'aise avec l'utilisation d'un ordinateur.
Prix par participant
1 290€ HT
2 jours de formation (14h)
Présentiel/Distanciel
Attestation de fin de formation
Supports de cours fournis
Financement OPCO ou France Travail possible
Organisme certifié Qualiopi
Garantie qualité et éligibilité aux financements publics
Formation intra-entreprise
Aucune session ne vous convient ? Cette formation est également disponible en intra-entreprise, sur mesure et dans vos locaux.
Formations similaires
Découvrez d'autres formations dans la catégorie PAO / CAO & Création graphique
📁PAO / CAO
Formation AutoCAD Débutant - Dessin Technique 2D et 3D
5jPrésentiel/Distanciel
2 490 €HT
📁PAO / CAO
Formation AutoCAD Perfectionnement - Techniques Avancées
2jPrésentiel/Distanciel
1 390 €HT
📁PAO / CAO
Formation Canva pour Professionnels - Visuels Marketing & IA Créative
1jPrésentiel/Distanciel
690 €HT
Questions fréquentes
Retrouvez les réponses aux questions les plus posées sur cette formation
Prêt à vous former ?
Nos conseillers vous accompagnent dans le choix de votre financement et la mise en place de votre formation.