Packt

Master Web & Mobile Design - Figma & UI/UX Basics

Obtenez l'une de nos meilleures offres avec Coursera Plus pour 199 $ (habituellement 399 $). Économisez maintenant.

Packt

Master Web & Mobile Design - Figma & UI/UX Basics

Inclus avec Coursera PlusEn savoir plus

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
niveau Débutant

Expérience recommandée

2 semaines à compléter
à 10 heures par semaine
Planning flexible
Apprenez à votre propre rythme
Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
niveau Débutant

Expérience recommandée

2 semaines à compléter
à 10 heures par semaine
Planning flexible
Apprenez à votre propre rythme

Ce que vous apprendrez

  • Découvrez les principes psychologiques fondamentaux qui permettent de concevoir des interfaces captivantes et centrées sur l'utilisateur.

  • Acquérez une expérience pratique avec des outils de conception avancés tels que les composants et les variantes de Figma.

  • Maîtrisez les techniques de création de wireframes, de prototypage et de mise en page adaptative pour les projets mobiles et web.

  • Découvrez comment créer de superbes designs UI/UX avec Figma sans avoir à écrire de code.

Compétences que vous acquerrez

  • Catégorie : Conception de l'expérience utilisateur
  • Catégorie : Typographie
  • Catégorie : Animations
  • Catégorie : Conception de la mise en page
  • Catégorie : Conception de l'application
  • Catégorie : Interface utilisateur (UI)
  • Catégorie : Conception de sites web réactifs
  • Catégorie : Stratégie UI/UX
  • Catégorie : Expérience de l'utilisateur
  • Catégorie : Conception de sites web
  • Catégorie : Développement mobile
  • Catégorie : Conception interactive
  • Catégorie : Prototypage
  • Catégorie : Conception de l'interface utilisateur (UI)
  • Catégorie : Conception graphique et visuelle
  • Catégorie : Conception de l'interface et de l'expérience utilisateur (UI/UX)
  • Catégorie : Wireframing

Outils que vous découvrirez

  • Catégorie : Figma (logiciel de conception)
  • Catégorie : Composants de l'interface utilisateur
  • Catégorie : Logiciel de collaboration

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Récemment mis à jour !

février 2026

Évaluations

29 devoirs

Enseigné en Anglais

Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

 logos de Petrobras, TATA, Danone, Capgemini, P&G et L'Oreal

Il y a 29 modules dans ce cours

Dans ce module, nous aborderons les principes fondamentaux de Figma, en commençant par son rôle dans la conception web et mobile moderne. Vous apprendrez à passer du statut de débutant à celui d'utilisateur expérimenté de Figma, à comprendre la différence entre l'interface utilisateur (UI) et l'expérience utilisateur (UX), et à créer des designs prêts à être développés. De plus, nous vous présenterons les outils et techniques indispensables pour optimiser votre processus de conception.

Inclus

6 vidéos1 lecture

Dans ce module, nous aborderons les principes fondamentaux de la création de maquettes fonctionnelles, notamment comment réaliser des maquettes fonctionnelles de faible et de haute fidélité pour les designs web et mobiles. Vous apprendrez également à organiser efficacement vos fichiers de conception dans Figma afin de rationaliser le processus et d'optimiser votre efficacité.

Inclus

2 vidéos1 devoir

Dans ce module, nous nous concentrerons sur des éléments visuels clés tels que la typographie, les couleurs et les icônes. Vous apprendrez à sélectionner et à appliquer efficacement des polices, des couleurs et des icônes dans Figma afin d'améliorer l'esthétique et la fonctionnalité de vos créations. Grâce à des projets concrets, vous acquerrez une expérience pratique de ces éléments essentiels du design.

Inclus

12 vidéos1 devoir

Dans ce module, nous vous guiderons tout au long du processus de création et d'utilisation des pages dans Figma afin d'organiser vos projets de conception. Vous apprendrez à gérer des conceptions complexes comportant plusieurs pages, tout en veillant à ce que votre flux de travail reste efficace et optimisé.

Inclus

1 vidéo1 devoir

Dans ce module, nous vous présenterons les bases du prototypage dans Figma afin de vous aider à créer des designs interactifs. Vous découvrirez comment ajouter des transitions fluides et des effets d'accélération, et vous apprendrez à tester vos prototypes en temps réel avec Figma Mirror sur des appareils mobiles.

Inclus

4 vidéos1 devoir

Dans ce module, nous nous intéresserons à la fonctionnalité « Smart Animate » de Figma et vous montrerons comment créer des animations dynamiques qui donnent vie à vos créations. Vous mettrez ces techniques en pratique dans le cadre d’un projet, ce qui vous permettra d’acquérir une expérience concrète dans l’animation d’éléments d’interface utilisateur et l’amélioration de l’interaction avec l’utilisateur.

Inclus

2 vidéos1 devoir

Dans ce module, nous allons découvrir comment Figma facilite la collaboration en temps réel. Vous apprendrez à partager vos créations, à recueillir les commentaires des membres de votre équipe et à travailler ensemble efficacement grâce à la fonctionnalité multijoueur de Figma, ce qui rendra la collaboration au sein de l'équipe plus fluide et plus efficace.

Inclus

2 vidéos1 devoir

Dans ce module, nous vous guiderons tout au long du processus de création de moodboards dans Figma, ce qui vous permettra d'organiser visuellement et d'harmoniser la direction créative de votre projet. Vous apprendrez à trouver l'inspiration et à créer des moodboards qui inspireront et guideront vos choix de conception.

Inclus

3 vidéos1 devoir

Dans ce module, nous nous concentrerons sur la création de systèmes de grilles adaptatifs dans Figma afin de vous aider à concevoir des mises en page qui s'adaptent à différentes tailles d'écran. Vous apprendrez à structurer vos créations à l'aide de colonnes et de grilles afin de garantir flexibilité et cohérence dans tous vos projets.

Inclus

1 vidéo1 devoir

Dans ce module, nous allons nous plonger dans la théorie des couleurs et son application dans Figma, en vous montrant comment choisir, appliquer et créer des systèmes de couleurs qui mettront en valeur vos créations. Vous apprendrez également à intégrer des dégradés et des palettes de couleurs dans vos projets Figma.

Inclus

6 vidéos1 devoir

Dans ce module, nous nous concentrerons sur la typographie : nous vous apprendrons à sélectionner et à associer des polices, à créer des échelles typographiques et à optimiser la gestion du texte à l'aide de l'outil de texte de Figma. Vous acquerrez une expérience pratique dans la création de textes cohérents et lisibles pour les interfaces web et mobiles.

Inclus

7 vidéos1 devoir

Dans ce module, nous nous intéresserons aux outils de dessin de Figma, en particulier à l'outil Plume et aux réseaux vectoriels. Vous apprendrez à créer avec précision des formes personnalisées et des motifs complexes, ce qui vous permettra de réaliser des éléments d'interface utilisateur complexes et d'affiner vos compétences en conception graphique.

Inclus

2 vidéos1 devoir

Dans ce module, nous allons explorer les opérations booléennes dans Figma et vous montrer comment combiner des formes pour créer des éléments graphiques plus complexes. Vous travaillerez également sur un projet qui illustre comment utiliser efficacement les opérations booléennes dans un scénario concret de conception d'interface utilisateur.

Inclus

4 vidéos1 devoir

Dans ce module, nous nous concentrerons sur l'utilisation des images et des ressources dans Figma. Vous apprendrez à importer et à positionner des images, à appliquer des techniques de masquage et à utiliser les puissants plugins de Figma pour optimiser vos processus d'édition d'images et de conception.

Inclus

4 vidéos1 devoir

Dans ce module, nous allons nous intéresser de près à l'Auto Layout et aux contraintes, et vous montrer comment créer des designs flexibles et adaptatifs. Vous apprendrez à utiliser ces fonctionnalités puissantes pour créer des mises en page adaptatives et optimiser vos processus de conception pour différentes tailles d'écran.

Inclus

6 vidéos1 devoir

Dans ce module, nous verrons comment ajouter des effets visuels à vos créations Figma, tels que des ombres, un flou d'arrière-plan et d'autres éléments interactifs. Vous acquerrez une expérience pratique dans la création d'interfaces utilisateur plus dynamiques et visuellement attrayantes.

Inclus

3 vidéos1 devoir

Dans ce module, nous nous concentrerons sur la gestion des fichiers dans Figma : nous aborderons notamment comment enregistrer des fichiers, accéder à l'historique des versions et suivre les modifications. Vous découvrirez également les bonnes pratiques en matière d'organisation et de gestion de vos fichiers de conception, afin de faciliter la collaboration et le contrôle des versions.

Inclus

1 vidéo1 devoir

Dans ce module, nous allons découvrir tout le potentiel des composants dans Figma. Vous apprendrez à créer des composants réutilisables, à gérer leurs mises à jour et à les organiser de manière à garantir la cohérence de vos créations et à faciliter leur maintenance.

Inclus

6 vidéos1 devoir

Dans ce module, nous allons vous présenter le concept de variantes dans Figma. Vous apprendrez à créer des composants comportant plusieurs états et propriétés, ce qui vous permettra de rationaliser votre processus de conception et d'améliorer la flexibilité de vos éléments d'interface utilisateur.

Inclus

3 vidéos1 devoir

Dans ce module, nous aborderons les techniques essentielles à la conception de formulaires de saisie et d'interfaces utilisateur de notification dans Figma. Vous apprendrez à créer des éléments de formulaire fonctionnels et conviviaux qui améliorent l'expérience utilisateur globale et favorisent l'engagement des utilisateurs.

Inclus

3 vidéos1 devoir

Dans ce module, nous allons explorer les fonctionnalités avancées de prototypage de Figma, notamment les superpositions, les transitions et les flux utilisateur multiples. Vous apprendrez à créer des prototypes dynamiques et captivants qui améliorent l'interaction avec l'utilisateur et la présentation.

Inclus

7 vidéos1 devoir

Dans ce module, nous vous présenterons les fonctionnalités de gestion d'équipe et de projet de Figma. Vous apprendrez à organiser et à structurer votre espace de travail pour une collaboration efficace, ce qui vous permettra de gérer plus facilement les workflows de conception complexes.

Inclus

1 vidéo1 devoir

Dans ce module, nous aborderons la création et la gestion des bibliothèques dans Figma. Vous apprendrez à mettre en place un système de conception partageable qui garantit la cohérence entre tous vos projets de conception et toutes vos équipes.

Inclus

1 vidéo1 devoir

Dans ce module, nous allons explorer l'univers de l'animation et des micro-interactions dans Figma. Vous apprendrez à utiliser des animations subtiles et des composants interactifs pour renforcer l'engagement des utilisateurs et améliorer la convivialité globale de vos créations.

Inclus

9 vidéos1 devoir

Dans ce module, nous allons nous intéresser à la personnalisation des vignettes et des jaquettes de projet dans Figma. Vous apprendrez à créer des vignettes attrayantes qui mettent en valeur votre travail de conception et améliorent l'organisation de vos projets.

Inclus

1 vidéo1 devoir

Dans ce module, nous vous guiderons tout au long du processus d’exportation dans Figma, en vous montrant comment enregistrer vos créations dans différents formats. Vous apprendrez également à transmettre vos créations comme un pro et découvrirez des ressources pour créer des projets cohérents et évolutifs.

Inclus

3 vidéos1 devoir

Dans ce module, nous allons explorer les aspects psychologiques qui sous-tendent une conception UI/UX efficace. Vous apprendrez à tirer parti de principes psychologiques, tels que la psychologie des couleurs et l'effet dopamine, pour créer des conceptions plus captivantes et suscitant davantage d'émotions.

Inclus

6 vidéos1 devoir

Dans ce module, nous mettrons vos compétences en Figma à l'épreuve en réalisant des projets concrets d'UI/UX. Vous concevrez des interfaces utilisateur et des parcours utilisateur pour diverses applications, ce qui vous permettra d'acquérir une expérience pratique qui enrichira votre portfolio de design.

Inclus

5 vidéos1 devoir

Dans ce dernier module, nous célébrerons la fin de votre formation et vous aiderons à planifier vos prochaines étapes dans le monde du design UI/UX. Nous vous donnerons des conseils pour continuer à vous former, faire évoluer votre carrière et rester à la pointe dans le secteur du design, en constante évolution.

Inclus

1 vidéo2 devoirs

Instructeur

Packt - Course Instructors
Packt
1 946 Cours586 353 apprenants

Offert par

Packt

En savoir plus sur Conception et produit

Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?

Felipe M.

Étudiant(e) depuis 2018
’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’

Jennifer J.

Étudiant(e) depuis 2020
’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’

Larry W.

Étudiant(e) depuis 2021
’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’

Chaitanya A.

’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’

Foire Aux Questions