К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Création de designs et de prototypes haute fidélité dans Figma · LearnSpace
Назад в каталог
courseraПрограммирование

Création de designs et de prototypes haute fidélité dans Figma

Курс от Google
Начальный≈ 33.3 чФранцузский
О курсеНавыкиПрограммаПреподаватели

О курсе

Créer des conceptions et des prototypes haute-fidélité dans Figma est le cinquième cours de cette formation certifiante qui vous dotera des compétences dont vous avez besoin pour postuler à des emplois de premier niveau dans le domaine de la conception d'expérience utilisateur (UX). Dans ce cours, vous suivrez des tutoriels étape par étape pour apprendre à créer des conceptions haute-fidélité, appelées maquettes, dans Figma, un outil de conception courant. Ensuite, vous transformerez ces conceptions en un prototype interactif qui fonctionne comme un produit fini. Vous effectuerez des recherches pour recueillir des commentaires sur vos conceptions et apporter des améliorations. Enfin, vous apprendrez à partager vos conceptions avec les équipes de développement et à mettre en valeur votre travail dans votre portfolio UX professionnel. Des concepteurs et chercheurs UX de Google vous serviront d’instructeurs. Vous réaliserez des travaux pratiques simulant des scénarios de conception UX. Les apprenants qui termineront les sept cours de ce programme de formation seront aptes à postuler aux emplois de concepteurs UX débutants. À la fin de ce cours, vous serez capables de : - Construire des maquettes et des prototypes haute-fidélité dans Figma ; - Définir et appliquer des éléments et des principes de conception visuelle courants aux conceptions ; - Démontrer comment les systèmes de conception peuvent être utilisés pour organiser, standardiser et améliorer les conceptions ; - Comprendre le rôle des sessions de critique de conception et des commentaires lors de l'itération des conceptions ; - Apprendre comment transmettre les projets de conception terminés aux équipes d’ingénierie ; - Finaliser les conceptions complètes d'applications mobiles pour les inclure dans un portfolio UX professionnel. Ce cours convient aux concepteurs UX de niveau débutant qui ont suivi les quatre cours précédents du certificat Google de conception UX. Alternativement, les apprenants qui n'ont pas terminé les cours précédents doivent avoir une solide compréhension du processus de conception, de la création des conceptions basse-fidélité sur papier et dans Figma, et de la conduite des études de facilité d'utilisation.

Навыки, которые вы освоите

Peer ReviewDesign ReviewsFigma (Design Software)UI ComponentsUser Interface and User Experience (UI/UX) DesignInteractive DesignUser Experience DesignTypographyGraphic and Visual DesignUser ExperienceUsabilityUsability TestingUser ResearchMockupsSystems DesignUI/UX ResearchDesign Elements And PrinciplesPrototypingUser Interface (UI) DesignInteraction Design

Программа курса

6 модулей · 179 учебных материалов

01Commencer à créer des maquettes 57 материалов

Introduction au Cours 5

Introduction au Cours 5 : Créer des designs et des prototypes haute-fidélité dans FigmaВидеоBienvenue dans le Cours 5ЧтениеFacultatif - Lire ceci s'il s'agit de votre premier cours dans le programme de certificatЧтение

Учитесь у экспертов

Google Career Certificates

Преподаватель курса

Création de designs et de prototypes haute fidélité dans Figma
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 33.3 ч

6 модулей

Язык: Французский

Субтитры: Английский

Часть программы вашего университета
Facultatif - Tester vos connaissances sur les concepts antérieursЗадание
Facultatif - Interpréter les résultats de votre quizЧтение
Facultatif - Soumettre l'instruction de projet de portfolio de votre choixЗадание
Kunal - Mon parcours vers l'UXВидео

Commencer à créer une maquette

Bienvenue dans la semaine 1 ВидеоIntroduction aux maquettes ВидеоChikezie - Transition des designs basse-fidélité aux designs haute-fidélité ВидеоCompétences de base pour construire des maquettes dans FigmaЧтениеActivité : Utiliser des designs basse-fidélité pour démarrer vos maquettes de projet de portfolioЗаданиеExemple d’activité : Utiliser des designs basse-fidélité pour démarrer vos maquettes de projet de portfolioЧтение

Utiliser la typographie dans les maquettes

Introduction aux éléments fondamentaux du Visual design ВидеоLa typographie dans le design UXВидеоL’importance de la typographie ВидеоTester vos connaissances en typographieЗаданиеTravailler avec une police dans les maquettesЧтениеAjouter le texte rédigé correspondant au produit dans les maquettesЧтениеActivité : Ajouter de la typographie aux maquettes de vos projets de portfolioЗаданиеExemple d’activité : Ajouter de la typographie aux maquettes de vos projets de portfolioЧтениеPartager un exemple de typographie intéressante dans une application Обсуждение

Utiliser la couleur dans les maquettes

La couleur dans le design UXВидеоTester vos connaissances sur les couleursЗаданиеTravailler avec la couleur dans les maquettes ЧтениеConsidérations relatives à l’accessibilité pour la couleurЧтениеActivité : Ajouter de la couleur aux maquettes de vos projets de portfolio ЗаданиеExemple d’activité : Ajouter de la couleur aux maquettes de vos projets de portfolio Чтение

Utiliser l’iconographie dans les maquettes

L’iconographie dans le design UXВидеоUtiliser des icônes dans des maquettes ЧтениеActivité : Ajouter des icônes aux maquettes de vos projets de portfolioЗадание Exemple d’activité : Ajouter des icônes aux maquettes de vos projets de portfolioЧтениеPartager un exemple d’icônes de votre application préféréeОбсуждениеCréer une maquette (mockup) à partir d’éléments fondamentauxPLUGINEn savoir plus sur les éléments de Visual design ЧтениеAjouter des images à vos maquettesВидеоTrouver des images existantes pour vos maquettesЧтениеConsidérations de design supplémentairesЧтение

Comprendre les mises en page - grilles et confinement

Introduction aux mises en pageВидеоUtiliser des grilles pour guider les mises en page ВидеоCréer des grilles dans des maquettesЧтениеActivité : Créer des grilles dans les maquettes de votre projet de portfolioЗаданиеExemple d’activité : Créer des grilles dans les maquettes de votre projet de portfolioЧтениеUtiliser la séparation dans les mises en pageВидеоCréer du confinement dans les maquettesЧтениеActivité : Créer un confinement dans les maquettes de projet de votre portfolioЗаданиеExemple d’activité : Créer un confinement dans les maquettes de projet de votre portfolioЧтение

Comprendre les mises en page - l’espace négatif

Utiliser un espace négatif (blanc) dans les mises en pageВидеоUtiliser l’espace négatif dans les maquettesЧтениеTestez vos connaissances sur le confinement et l’espace négatif dans le design.PLUGINActivité : Revoyez les maquettes de votre projet de portfolio en ajoutant de l’espace négatifЗаданиеModèle d’activité : Revoyez les maquettes de votre projet de portfolio en ajoutant de l’espace négatifЧтениеModèles de design courants dans les applicationsЧтениеAuto-réflexion : Partagez ce que vous avez appris sur les mises en pageЗадание

Revue de la semaine 1

Synthèse : Commencer à créer des maquettes Видео​Glossaire 1ЧтениеDéfi hebdomadaire 1 : Appliquer les éléments fondamentaux du Visual design aux maquettes de vos projets de portfolio Взаимная проверка
02Appliquer les principes de Visual design aux maquettes 30 материалов

Appliquer les principes de Visual design aux maquettes (partie 1)

Bienvenue dans la semaine 2ВидеоL’emphase en design UXВидеоUtiliser l'emphase dans les maquettesЧтениеHiérarchie dans le design UXВидеоUtiliser la hiérarchie dans les maquettesЧтениеTestez vos connaissances sur l'emphase et la hiérarchieЗадание

Appliquer les principes de Visual design aux maquettes (partie 2)

Échelle et proportions dans le design UXВидеоUtiliser l'échelle et les proportions dans les maquettes ЧтениеTestez vos connaissances sur l'échelle et la proportionЗаданиеUnité et variété dans le design UXВидеоUtilisez l'unité et la variété dans les maquettes ЧтениеTestez vos connaissances sur l'unité et la variété Задание

Affiner les designs de maquette

Appliquer les principes de la Gestalt aux maquettesВидеоEn savoir plus sur les principes de la Gestalt supplémentaires ЧтениеTestez vos connaissances sur les principes de GestaltЗаданиеActivité : Appliquez les principes de la Gestalt à vos maquettes de projet de portfolioЗаданиеExemple d’activité : Appliquez les principes de la Gestalt à vos maquettes de projet de portfolioЧтениеExpliquez le raisonnement derrière votre application des principes de GestaltОбсуждение

Revue de la semaine 2

Synthèse : Application des principes de Visual design aux maquettes ВидеоGlossaire 2ЧтениеDéfi hebdomadaire 2 : Affinez vos maquettes de projets de portfolioВзаимная проверка
03Explorer les design systems20 материалов

Comprendre les design systems

Bienvenue dans la semaine 3ВидеоIntroduction aux design systemsВидеоAvantages des design systems ВидеоTestez vos connaissances sur les design systemsЗаданиеLe design system de Google : Material Design ВидеоLe design system de Shopify : Polaris ВидеоExplorer les design system populaires ЧтениеTestez vos connaissances sur les fonctionnalités des design systemss open sourceЗадание

Créer une planche d'autocollants

Créer une feuille d'autocollants dans FigmaВидеоActivité : Créez une feuille d'autocollants pour vos designs de projets de portfolioЗаданиеExemple d’activité : Créez une feuille d'autocollants pour vos designs de projets de portfolioЧтение

Utiliser des design systems

Utiliser une bibliothèque de design systems dans FigmaВидеоS’inspirer des design systemsЧтениеFacultatif - Apprendre depuis Figma - Utiliser une bibliothèque de design systemsЧтениеTestez vos connaissances sur l'utilisation des design systems dans FigmaЗаданиеPartagez un design system open source que vous souhaitez utiliser dans vos propres designsОбсуждениеShabi - Tenir compte des technologies d'assistance lorsque l'on travaille sur les design systemsВидео

Revue de la semaine 3

Synthèse : Explorer les design systemsВидеоGlossaire 3ЧтениеDéfi hebdomadaire 3 : Explorer les design systemsЗадание
04Participer à des sessions de critique de design19 материалов

Donner et recevoir un feedback sur les designs

Bienvenue dans la semaine 4ВидеоDonner et recevoir un feedback en tant que designer UXВидеоDonner et recevoir un feedback en tant que designer UXPLUGINPartager le feedback que vous avez reçuОбсуждение

Explorer les sessions de critique de design

Les bases des sessions de critique de designВидеоMeilleures pratiques pour les sessions de critique de designВидеоEn savoir plus sur les sessions de critique de designЧтениеTester vos connaissances sur les sessions de critique de designЗаданиеKunal - Mon expérience avec les sessions de critique de conceptionВидеоAuto-réflexion : Demander un feedback sur votre travailЗадание

Observer une simulation de session de critique

Introduction à une simulation de session de critiqueВидеоObserver une simulation de session de critiqueВидеоPartager les enseignements tirés de la simulation de session de critiqueОбсуждение

Mettre en œuvre le feedback des sessions de critique

Transformer le feedback d’une session de critique en actionsВидеоItérer sur les simulations en fonction du feedback des sessions de critiqueВидеоTester vos connaissances sur la mise en œuvre du feedback des sessions de critiqueЗадание

Examen de la semaine 4

Synthèse : Participation à des sessions de critique de designВидеоGlossaire 4Чтение Défi hebdomadaire 4 : Participer à des sessions de critique de designЗадание
05Créer des prototypes haute-fidélité17 материалов

Comprendre les prototypes haute-fidélité

Bienvenue dans la semaine 5ВидеоIntroduction aux prototypes haute-fidélité ВидеоÉlaborer un prototype haute-fidélité dans Figma ВидеоTester vos connaissances sur le design d'un prototype haute-fidélité dans FigmaЗадание

Explorer les gestes et les mouvements

Gestes et mouvements en design UX ВидеоExplorer les types de gestes et mouvements ЧтениеAjouter des gestes et des mouvements dans Figma ВидеоTester vos connaissances sur les gestes et les mouvementsЗаданиеEn savoir plus sur le prototypage dans Figma ЧтениеConsidérations d'accessibilité pour les gestes et les mouvements ВидеоAuto-réflexion : Tenir compte des considérations d'accessibilité lors du design avec mouvement ЗаданиеJen - Le design avec l’accessibilité à l’espritВидеоApprendre de Figma - Interactions et retours sur les prototypes ВидеоAutres moyens d'améliorer les prototypes haute-fidélitéЧтение

Examen de la semaine 5

Synthèse : Créer des prototypes haute-fidélitéВидеоGlossaire 5ЧтениеDéfi hebdomadaire 5 : Créez un prototype haute-fidélité pour votre projet de portfolioВзаимная проверка
06Test et itération des designs 36 материалов

Planifier une étude d’utilisabilité

Bienvenue à la semaine 6ВидеоPlanifier une étude de recherche UXВидеоEn savoir plus sur la planification d'une étude de recherche UXЧтениеActivité : Planifier une étude de recherche UX pour votre projet de portfolioЗаданиеExemple d’activité : Planifier une étude de recherche UX pour votre projet de portfolioЧтение

Mener une étude d'utilisabilité

Mener une étude d'utilisabilitéВидеоEn savoir plus sur la réalisation d'une étude d'utilisabilitéЧтениеAuto-réflexion : Tenez compte des préjugés dans votre étude d'utilisabilitéЗаданиеActivité : Réalisez une étude d'utilisabilité pour votre projet de portfolioЗаданиеExemple d’activité : Réalisez une étude d'utilisabilité pour votre projet de portfolioЧтение

Analyser et synthétiser les résultats d’étude d'utilisabilité

Analyser et synthétiser les résultats d’étude d'utilisabilitéВидеоEn savoir plus sur l'analyse et la synthèse des résultats des études d'utilisabilitéЧтениеTester vos connaissances sur la découverte d’informations de rechercheЗаданиеActivité : Analyser et synthétiser les résultats de l'étude d'utilisabilité de votre projet de portfolioЗаданиеExemple d’activité : Analyser et synthétiser les résultats de l'étude d'utilisabilité de votre projet de portfolioЧтениеPartager les leçons tirées de votre étude d'utilisabilité Обсуждение

Itération des designs haute-fidélité

Itération des designs haute-fidélitéВидеоActivité : Affiner le design de vos projets de portfolio haute-fidélitéЗаданиеExemple d’activité : Affiner le design de vos projets de portfolio haute-fidélitéЧтение Identifier le moment où un design est terminéВидеоEn savoir plus sur l'identification du moment où un design est terminéЧтениеDesigns finaux de l'application de promeneur de chiens dans FigmaЧтение

Documenter et partager des designs

Documenter et partager des designsВидеоTransmettre les designs pour productionВидеоApprendre de Figma - Se préparer à la transmissionВидеоTester vos connaissances sur la transmission des designsЗаданиеCréer une étude de cas pour votre projet de portfolioВидео En savoir plus sur la création d'une étude de cas pour votre projet de portfolioЧтение

Revue de la semaine 6

Synthèse : Test et itération des designsВидеоGlossaire 6ЧтениеDéfi hebdomadaire 6 : Créer une étude de cas pour votre portfolioВзаимная проверка

Examen de cours

Félicitations, vous avez terminé le Cours 5 : Créer des designs et des prototypes haute-fidélité à l’aide de FigmaВидеоPartagez votre expérience de cours ОбсуждениеCommencez le cours suivantЧтение
Activité : Appliquez les principes de Visual design aux maquettes de projets de votre portfolio Задание
Exemple d’activité : Appliquez les principes de Visual design aux maquettes de projets de votre portfolio Чтение
Expliquez vos choix sur l’application des principes de Visual designОбсуждение
Appliquer les principes de Visual designPLUGIN
Réfléchissez à votre progression Видео
Envisagez des éléments et des principes de vis Чтение
En savoir plus sur les principes de design d'interface Чтение
Inclure la navigation dans les maquettesЧтение
Auto-réflexion : Inclure la navigation dans vos maquettesЗадание
Tester vos connaissances sur les études de cas dans les portfolios UX Задание
Partager un exemple d'étude de cas dans un portfolio de design UXОбсуждение