Figma

Durées : Plusieurs durées possibles selon niveau et besoinsPrix : À partir de 140€/h

Formation présentielle

Accessible

0/10

(0 avis)

Cette formation est gratuite.

S'inscrire

Cette formation est gratuite.

S'inscrire

Cette formation est gratuite.

S'inscrire

Besoin d’adapter cette formation à vos besoins ?

N’hésitez pas à nous contacter afin d’obtenir un devis sur mesure !

Nous contacter

Formation créée le 02/09/2024. Dernière mise à jour le 12/01/2025.

Version du programme : 1

Programme de la formation

Ce programme de formation sur Figma offre une introduction complète à la conception d'interfaces utilisateur (UI) et au prototypage interactif. Il permet aux apprenants de maîtriser l'interface, de créer des composants réutilisables, et de collaborer en temps réel, tout en développant un projet pratique de design. Programme sur-mesure : Chaque programme est constitué de manière individuel et sur-mesure. Le rythme des cours s’adapte en fonction des disponibilités du participant (minimum recommandé 1 à 2 sessions par semaine). Enfin, la durée de la prestation sera calibrée en fonction de votre besoin et de vos objectifs.

Objectifs de la formation

Maîtriser l'interface de Figma et ses outils de base pour la création d’interfaces utilisateur (UI).
Apprendre à concevoir des prototypes interactifs, avec des transitions et animations simples.
Utiliser des composants et styles réutilisables, pour créer des interfaces modulaires et cohérentes.
Comprendre et appliquer les principes des systèmes de design, en créant une bibliothèque de composants partagée.
Collaborer efficacement en temps réel avec une équipe sur des projets de design.
Préparer et exporter des designs pour les développeurs, en fournissant les assets et spécifications nécessaires.

Profil des bénéficiaires

Agences de design et studios créatifs.
Startups et entreprises tech.
Équipes de développement web et mobile.
Entreprises de e-commerce.
Consultants indépendants en design.

Aucun pré-requis n'est nécessaire pour suivre la formation Figma.

Contenu de la formation

Introduction à Figma et ses bases
- Introduction à Figma : Présentation de Figma : avantages, fonctionnalités clés.
- Introduction à Figma : Différences avec Sketch, Adobe XD et autres outils de design.
- Introduction à Figma : Inscription et création d’un compte Figma.
- Introduction à Figma : Explication de l'interface : panneaux, barres d'outils, calques, pages, etc.
- Prise en main de l'interface : Zoom et navigation dans Figma.
- Prise en main de l'interface : Les outils de dessin de base : rectangles, ellipses, lignes, outils de texte.
- Prise en main de l'interface : Créer, renommer et organiser des frames et des calques.
- Prise en main de l'interface : Utilisation des raccourcis clavier.
- Prise en main de l'interface : Sauvegarde et gestion de fichiers dans Figma.
Concepts de design d'interface
- Grilles et Layouts : Comprendre les grilles (Grid Systems).
- Grilles et Layouts : Créer des layouts réactifs dans Figma.
- Grilles et Layouts : Utilisation des contraintes pour des mises en page flexibles.
- Création de composants et de styles : Créer et utiliser des composants (buttons, cards, etc.).
- Création de composants et de styles : Variants de composants (états différents : survol, cliquer, inactif).
- Création de composants et de styles : Créer des styles (typographie, couleurs, effets).
- Création de composants et de styles : Créer une bibliothèque de composants partagée.
Prototypage interactif
- Créer des prototypes interactifs : Comprendre le flux utilisateur et les interactions.
- Créer des prototypes interactifs : Ajouter des liens entre frames pour naviguer entre les pages.
- Créer des prototypes interactifs : Créer des transitions et animations simples (fade, slide, etc.).
- Créer des prototypes interactifs : Aperçu du prototype en temps réel.
- Collaboration en temps réel : Commenter et donner des feedbacks dans Figma.
- Collaboration en temps réel : Partager un fichier Figma avec une équipe.
- Collaboration en temps réel : Intégration avec Slack, Jira et autres outils de collaboration.
- Collaboration en temps réel : Gestion des permissions et accès.
Systèmes de design et organisation des projets
- Systèmes de design dans Figma : Introduction aux systèmes de design.
- Systèmes de design dans Figma : Créer une bibliothèque partagée de composants et styles.
- Systèmes de design dans Figma : Utiliser des tokens de design (typographie, couleurs).
- Systèmes de design dans Figma : Structurer un projet avec des pages et composants.
- Organisation et gestion de projets complexes : Structuration des fichiers dans Figma : pages, calques et groupes.
- Organisation et gestion de projets complexes : Gestion des versions et historique.
- Organisation et gestion de projets complexes : Exemples de structuration de projets pour des équipes.
Perfectionnement et projet final
- Exportation et développement : Exporter des assets en différents formats (SVG, PNG, PDF, etc.).
- Exportation et développement : Utiliser les inspecteurs de code pour les développeurs.
- Exportation et développement : Intégrer Figma avec des outils comme Zeplin ou Abstract pour la livraison des designs.
- Projet final et évaluation : Choisir un projet de design (interface web, application mobile).
- Projet final et évaluation : Réalisation d’un prototype interactif complet avec grilles, composants et animations.
- Projet final et évaluation : Présentation du projet à l’équipe et retours d’évaluation.

Équipe pédagogique

Nos cours sont animés par un formateur qualifié et expérimenté, dont vous pourrez demander le CV si vous le souhaitez. Nous sommes convaincus que la qualité de la formation dépend en grande partie de la compétence et de l'expertise du formateur, c'est pourquoi nous avons sélectionné avec soin une équipe de professionnels chevronnés pour dispenser nos cours.

Suivi de l'exécution et évaluation des résultats

Entretien diagnostic avec test de pré-positionnement afin d'évaluer le niveau de l'apprenant et ses besoins professionnels associés, afin de déterminer un parcours de formation adapté.
Diagnostic pré-formation.
Test de positionnement sur l’ensemble des compétences de l'apprenant.
Feuilles de présence.
Un suivi personnalisé par votre conseiller pédagogique qui est disponible à tout moment par téléphone, sms ou mail.
Questions orales et écrites (QCM).
Mises en situation.
Suivi et comptes-rendus à l'issue de chaque cours.
Tout au long de la formation le formateur valide la compréhension et l’acquisition des connaissances de l’apprenant.
Accès permanent via un extranet (un espace personnel où vous pourrez accéder à vos cours visio en un clic, voir vos progrès grâce à votre suivi pédagogique, échanger avec votre formateur, consulter les docs partagés, etc.)
Formulaires d'évaluation de la formation.
Certificat de réalisation de l’action de formation.

Ressources techniques et pédagogiques

Accueil des apprenants dans une salle dédiée à la formation.
Documents supports de formation projetés et partagés.
Exposés théoriques.
Etude de cas concrets.
Quiz.
Mise à disposition en ligne de documents supports à la suite de la formation.

Délai d'accès

2 semaines

Accessibilité

Lieu de la formation : La formation pourra s'effectuer à distance ou en présentiel selon les besoins manifestés par l'apprenant. Accès Handicap : Nous informons notre aimable clientèle que l’ensemble de nos formations peuvent être accessibles aux personnes en situation d’handicap. Dans ce cas merci de prendre contact avec notre équipe pour organiser au mieux votre formation.