Formation Figma

Présentation de la formation

Figma s’est imposé comme l’un des outils de référence pour la conception d’interfaces digitales collaboratives. Il permet de passer rapidement de l’idée au prototype interactif, tout en facilitant le travail entre designers et développeurs.

Dans un environnement où les cycles de conception s’accélèrent, la capacité à structurer ses fichiers, réutiliser des composants et anticiper l’intégration devient essentielle pour garantir la qualité et la cohérence des produits digitaux.

Grâce à cette formation, les professionnels acquièrent une méthode de conception complète, du wireframe au prototype interactif, en intégrant les principes du design system, de l’accessibilité et de la préparation à l’intégration.
 

Pourquoi réaliser une Formation Figma ?

Se former à Figma permet de maîtriser la structuration d’un design à l’aide de frames, grilles et guides de mise en page.

La formation vous guide dans la création de composants et de styles pour garantir cohérence et scalabilité, ainsi que dans le prototypage interactif avec triggers, overlays et Smart Animate.

Elle vous permet également d’adapter vos interfaces aux différents supports, d’anticiper l’intégration grâce au Dev Mode et d’intégrer les notions d’accessibilité et de test utilisateur dans vos projets. 

Objectifs de la formation Figma

• Mettre en œuvre les principes de structuration d’un design (frames, layout guides, grilles)
• Créer et réutiliser styles et composants pour garantir cohérence et scalabilité
• Prototyper rapidement avec triggers, overlays et Smart Animate
• Appliquer les notions de résolution, responsive et contraintes pour un design adaptable
• Préparer l’intégration grâce à Dev Mode et à l’export d’assets
• Intégrer les fondamentaux de l’accessibilité et du test utilisateur 

Pour qui ?

Cette formation Figma s’adresse tout particulièrement aux UI/UX designers, aux webdesigners, mais aussi à tout professionnel amené à collaborer graphiquement avec des équipes graphiques.

Programme

LES BASES POUR DESIGNER AVEC METHODE

• Comprendre les images, les pixels et la résolution
• Concevoir pour tous les écrans
• Concevoir selon le contexte d’usage
• Lois UX & bonnes pratiques

FIGMA, LES BASES

• Découvrir Figma & son écosystème
• Créer et s’organiser dans Figma
• Premier contact avec le logiciel
• Configurer son espace de travail
• Créer un wirefram
• Les images et les masques

METTRE EN PALCE UN DESIGN SYSTEMIQUE

• Atomic Design
• Créer et utiliser des styles
• Créer son premier composant
• Contraintes
• Nested component

ACCELERER SON FLUX DE TRAVAIL

• Booster son workflow
• Designer pour iOS et Android
• Booster ses composants avec l’autolayout
• Autolayout imbriqués
• Accessibilité et design inclusif
• Préparer pour l’intégration

PROTOTYPER POUR TESTER

• Les bases du test utilisateur
• Créer une maquette interactive - les bases
• Configurer les déclencheurs

ANIMER SES INTERFACES

• Animation de base
• Smart animate
• Matching layers
• Overlays
• Conclusion

Prérequis

Aucun prérequis technique n’est nécessaire. Une sensibilité au design numérique ou aux projets digitaux constitue un atout.

Modalités et délais d'accès

Financer sa formation en Marketing, Communication et IA

Plusieurs dispositifs de financement sont possibles en fonction de votre statut professionnel et peuvent financer jusqu’à 100% votre formation.

Pour plus de renseignements, nous vous invitons à consulter notre guide du financement et à contacter nos conseillers pour vous accompagner pas à pas dans vos démarches.

Les avantages VISIPLUS academy

Ces formations pourraient également vous intéresser