Formation Figma design d'interfaces
Télécharger le programme
Pourquoi apprendre Figma pour vos projets UX/UI ?
- Gagner du temps en concevant et modifiant vos maquettes directement en ligne.
- Collaborer efficacement entre designers, développeurs et équipes produit.
- Créer des prototypes interactifs pour tester rapidement vos idées.
- Mettre en place un design system évolutif et cohérent.
Découvrez toutes nos formaiotns en UX design.
Votre formation en détail
Etudions ensemble vos options de financement
Contactez-nous pour monter votre dossier !
14 heures sur 2 jours
à Paris & à distance
(Zoom, Google Meet, etc.).
1 400 € HT / personne
Etudions ensemble vos options
de financement
Objectifs de la formation
Figma design d'interfaces
Utiliser les fonctionalités de Figma pour le design d'intefaces
Construire des fichiers Figma avec une méthodologie optimisée
Elaborer un mode de travail collaboratif sur les projets
Pré-requis pour suivre cette formation
Une bonne connaissance du Web et du webdesign est conseillée. Avoir une bonne maîtrise d'autres logiciels de design
A qui s'adresse cette formation ?
Graphiste, webdesigner, UI Designer, UX Designer, ou toute personne devant utiliser le logiciel dans le cadre de la conception et création d'interface.
Formations recommandées
Au programme de la formation
Figma design d'interfaces
Préambule sur Figma
- Découvrir les dernières actualités du logiciel Figma
Designer des interfaces web et app avec Figma
- Analyser des ressources et modèles de fichiers de design d'interfaces Explorer les différentes vues : Draw (IA), Design (édition), DevMode (handoff)
- Acquérir une bonne convention de nommage (files, pages, sections, frames, layers, styles, components…)
- Mettre en place des styles de forme, de texte, d'effets, de grille partagés
- Créer des composants et exploiter les fonctionnalités de personnalisation des instances (textes, images) et les contraintes de redimensionnement
- Déployer ses écrans responsive ou app
Optimiser votre workflow avec des fonctionnalités avancées
- Automatiser les positions des éléments avec les autolayout Gérer les exceptions avec l'absolute positionning
- Accéder directement aux banques d'images et d'icônes Renommer, réorganiser les calques et frames en masse
- Automatiser les transformations des éléments sur les différents devices
Optimiser votre workflow avec des plugins Figma
- S'assurer de l'accessibilité
- Disposer de faux contenu (textes et images)
- Accéder directement aux banques d'images et d'icônes
- Créer et importer, mettre à jour des contenus personnalisés (textes et images) Exploiter des plugins d'ai génératives (intelligences articielles)
- Connaître des plugins d'ai analytiques
Créer un prototype simple
- Distinguer les différentes possibilités d'interactions et d'animations Mettre en place des interactions sur les components
- Ajouter et éditer des gifs et videos dans les prototypes
- Visionner ses écrans ou son prototype sur une interface desktop et mobile
Élaborer un mode de travail collaboratif sur les projets
- Appréhender l'espace de travail Figma (Team, Project, File, Branch, History)
- Partager ses fichiers, prototypes, bibliothèques, templates
- Documenter la Focus View pour les développeurs
- Analyser des ressources et modèles de fichiers de design d'interfaces Explorer les différentes vues : Draw (IA), Design (édition), DevMode (handoff)
- Acquérir une bonne convention de nommage (files, pages, sections, frames, layers, styles, components…)
- Mettre en place des styles de forme, de texte, d'effets, de grille partagés
- Créer des composants et exploiter les fonctionnalités de personnalisation des instances (textes, images) et les contraintes de redimensionnement
- Déployer ses écrans responsive ou app
Optimiser votre workflow avec des fonctionnalités avancées
- Automatiser les positions des éléments avec les autolayout Gérer les exceptions avec l'absolute positionning
- Accéder directement aux banques d'images et d'icônes Renommer, réorganiser les calques et frames en masse
- Automatiser les transformations des éléments sur les différents devices
Optimiser votre workflow avec des plugins Figma
- S'assurer de l'accessibilité
- Disposer de faux contenu (textes et images)
- Accéder directement aux banques d'images et d'icônes
- Créer et importer, mettre à jour des contenus personnalisés (textes et images) Exploiter des plugins d'ai génératives (intelligences articielles)
- Connaître des plugins d'ai analytiques
Créer un prototype simple
- Distinguer les différentes possibilités d'interactions et d'animations Mettre en place des interactions sur les components
- Ajouter et éditer des gifs et videos dans les prototypes
- Visionner ses écrans ou son prototype sur une interface desktop et mobile
Élaborer un mode de travail collaboratif sur les projets
- Appréhender l'espace de travail Figma (Team, Project, File, Branch, History)
- Partager ses fichiers, prototypes, bibliothèques, templates
- Documenter la Focus View pour les développeurs
- S'assurer de l'accessibilité
- Disposer de faux contenu (textes et images)
- Accéder directement aux banques d'images et d'icônes
- Créer et importer, mettre à jour des contenus personnalisés (textes et images) Exploiter des plugins d'ai génératives (intelligences articielles)
- Connaître des plugins d'ai analytiques
Créer un prototype simple
- Distinguer les différentes possibilités d'interactions et d'animations Mettre en place des interactions sur les components
- Ajouter et éditer des gifs et videos dans les prototypes
- Visionner ses écrans ou son prototype sur une interface desktop et mobile
Élaborer un mode de travail collaboratif sur les projets
- Appréhender l'espace de travail Figma (Team, Project, File, Branch, History)
- Partager ses fichiers, prototypes, bibliothèques, templates
- Documenter la Focus View pour les développeurs
- Appréhender l'espace de travail Figma (Team, Project, File, Branch, History)
- Partager ses fichiers, prototypes, bibliothèques, templates
- Documenter la Focus View pour les développeurs
Méthode pédagogique
8 participants maximum, un poste par stagiaire et un support de cours est envoyé en fin de stage (vidéos tutorielles et/ou support spécifique). La formation est constituée d'apports théoriques, de démonstrations et de mises en pratique basées sur des exercices applicatifs et/ou ateliers.
Accessibilité
Cette formation est accessible aux personnes en situation de handicap.
Modalité de validation des acquis
Évaluation continue via des exercices applicatifs et/ou des ateliers de mise en pratique. Évaluation en fin de stage par la complétion d'un questionnaire et/ou d'une certification officielle issue du Répertoire Spécifique. Émargement quotidien d'une feuille de présence (en présentiel ou en ligne). Complétion par le formateur/la formatrice d'un suivi d'acquisition des objectifs pédagogiques. Remise d'une attestation individuelle de réalisation.
Demander des informations
Vous souhaitez en savoir plus ou directement vous inscrire à une session ?
Contactez-nous pour monter votre dossier !
Pourquoi choisir cette formation ?
Un aperçu clair des bénéfices, de l’accompagnement et des financements disponibles
Contactez-nous pour monter votre dossier !
Les bénéfices concrets pour votre entreprise
- Réduction des délais de conception grâce à la collaboration en temps réel.
- Amélioration de la qualité UX/UI de vos produits digitaux.
- Alignement des équipes design, produit et technique autour d’un seul outil.
- Optimisation du workflow entre prototypage, tests utilisateurs et développement.
Témoignages de nos stagiaires
- « Grâce à cette formation, notre équipe produit a gagné en efficacité. Nous partageons désormais tous nos prototypes sur Figma, et le suivi avec les développeurs est beaucoup plus fluide.
— Claire M., Product - « Je n’avais jamais utilisé d’outil de design avant. Après deux jours, je peux créer des maquettes interactives et les tester directement avec nos clients. »
— Julien R., Responsable Marketing - « Les formateurs partagent des astuces concrètes. La mise en pratique immédiate m’a permis d’être opérationnelle dès le lendemain. »
— Sophie L., UX Designer freelance
Financement et accompagnement
Nos formations Figma sont éligibles OPCO et peuvent être prises en charge dans le cadre du plan de développement des compétences.
- Devis personnalisé sous 24 h.
- Dossier de financement complet (attestations, émargements, bilans pédagogiques).
- Formations en présentiel à Paris ou en classe virtuelle.
Passez à l’action dès maintenant
-
Demandez un devis personnalisé pour vos équipes.
-
Planifiez un audit de vos besoins en design avec nos conseillers.
FAQ
La formation Figma – Design d’interfaces, elle, est centrée sur le métier de designer UX/UI : création et optimisation de maquettes, gestion d’un design system, auto-layout, prototypes et bonnes pratiques de conception d’interfaces.
Les avis de nos stagiaires sur cette formation
Formations similaires
Ces formations pourraient vous intéresser
