Présentation
Figma permet de créer des maquettes élégantes permettant de valider le parcours utilisateur en cohérence avec les couleurs et typographies souhaitées, mais cette identité graphique doit souvent pouvoir se décliner sur de nombreux supports : mobile, tablette et ordinateur. De plus, si l’image de marque inclut des animations, une maquette statique ne permet pas de révéler tout l’impact imaginé.
Au cours de cette formation, vous améliorerez vos connaissances Figma pour transformer vos maquettes en prototypes : vous apprendrez à utiliser les éléments dynamiques de Figma, ainsi que les animations de vos contenus. Enfin, vous apprendrez à utiliser les fonctionnalités de partage et à transmettre vos productions à votre équipe.
Objectifs de la formation
- Apprendre à gérer le comportement adaptatif (responsive) et interactif de sa solution
- Savoir réaliser un prototypage
- Découvrir les animations des différents éléments
Public
- Toute personne travaillant ou souhaitant travailler dans le maquettage de site internet, logiciels et applications.
Prérequis
- Une connaissance basique du logiciel Figma est nécessaire
Programme
Rappel des bases Figma
Les outils Figma
Les calques
La grille Figma
Créer et utiliser des composants
Le comportement adaptatif (responsive) et interactif de sa solution
Créer des éléments dynamiques avec l’auto-layout
Les contraintes pour le responsive
Créer des variants avec état pour créer des animations
Réaliser le prototypage
Qu’est-ce que le prototypage ?
Le flux et le point de départ
Les connexions
Les paramètres du prototypage
Les animations des différents éléments
Créer des animations et interactions
Les paramètres des animations et prototypage
Bien configurer sa présentation
Partager le prototypage
Vérifier les paramètres de sauvegarde
Partager son projet à des collaborateurs
Date de dernière modification : 07/02/2024
Organisation
Modalités d'évaluation :
Questionnaires à choix multiples (QCM) en fin de formation. L'intervenant formulera également une appréciation sur vos acquis pour l'entièreté de la formation.
Moyens pédagogiques :
Formation alternant la théorie et la pratique, avec un intervenant présentant la formation en direct. Possibilité de réaliser cette formation en face-à-face dans nos locaux, dans vos locaux d'entreprise ou à distance via visioconférence.
Une fois terminée, vous disposerez d'une attestation de suivi de la formation, ainsi que des contenus de cours relatifs au contenu présenté.
Informations pratiques :
En cas de dispense dans nos locaux, le matériel informatique est fourni et l'ensemble des commodités sont accessibles. Nos locaux sont également accessibles aux personnes à mobilité réduite : découvrir notre centre.
Retrouvez toutes les informations pratiques pour préparer votre formation sur notre page dédiée : informations pratiques.
Ces formations pourraient vous intéresser
- En savoir plus
Figma : les bases
Figma est un logiciel de prototypage et de création de maquettes dans le domaine du web, des applications mobiles ou des logiciels sur ordinateur. Concurrent de Sketch et Adobe Xd, Figma tire son épingle du jeu avec une ergonomie …
- En savoir plus
Figma : les composants
La conception de maquettes nécessite en général la création de composants génériques réutilisables dans différentes pages : les boutons principaux et secondaires, les éléments de navigation, les liens hypertexte, …