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

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

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

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Create High-Fidelity Designs and Prototypes in Figma · LearnSpace
Назад в каталог
courseraПрограммирование

Create High-Fidelity Designs and Prototypes in Figma

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

О курсе

Create High-Fidelity Designs and Prototypes in Figma is the fifth course in a certificate program that will equip you with the skills you need to apply to entry-level jobs in user experience (UX) design. In this course, you will follow step-by-step tutorials to learn how to create high-fidelity designs, called mockups, in Figma, a popular design tool. Then, you’ll turn those designs into an interactive prototype that works like a finished product. You’ll conduct research to collect feedback about your designs and make improvements. Finally, you’ll learn how to share your designs with development teams and highlight your work in your professional UX portfolio. Current UX designers and researchers at Google will serve as your instructors, and you will complete hands-on activities that simulate real-world UX design scenarios. Learners who complete the courses in this certificate program should be equipped to apply for entry-level jobs as UX designers. By the end of this course, you will be able to: - Build mockups and high-fidelity prototypes in Figma. - Define and apply common visual design elements and principles. - Demonstrate how design systems can be used to organize, standardize, and enhance designs. - Understand the role of design critique sessions and feedback while iterating on designs. - Learn how to hand off finished design projects to engineering teams. - Complete mobile app designs to include in a professional UX portfolio. This course is suitable for beginner-level UX designers who have completed the previous four courses of the Google UX Design Certificate. Alternatively, learners who have not completed the previous courses should have a strong understanding of the design process, how to create low-fidelity designs on paper and in Figma, and how to conduct usability studies.

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

Figma (Design Software)PrototypingDesign Elements And PrinciplesTypographyInteraction DesignMockupsUsability TestingGraphic and Visual DesignUser Experience DesignUser ResearchUser Interface and User Experience (UI/UX) DesignDesign ReviewsSystems DesignTechnical CommunicationUsabilityInteractive DesignMotion GraphicsDesign ResearchUser ExperienceUser Interface (UI) Design

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

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

01Starting to create mockups 46 материалов

Introduction to Course 5

Introduction to Course 5: Create High-Fidelity Designs and Prototypes in FigmaВидеоWelcome to Course 5ЧтениеHelpful resources and tipsЧтениеKunal - My journey to UXВидео

Begin to create a mockup

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

Google Career Certificates

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

Create High-Fidelity Designs and Prototypes in Figma
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 19.3 ч

5 модулей

Язык: Английский

Субтитры: Арабский, Французский, Украинский, Бразильский португальский, Корейский, Немецкий, Индонезийский, Турецкий, Испанский, Японский

Часть программы вашего университета
Welcome to module 1Видео
Introduction to mockups Видео
Chikezie - Transition from low-fidelity to high-fidelity designs Видео
Foundational skills to build mockups in FigmaЧтение
Review: Use low-fidelity designs to start project mockupsЧтение

Use typography in mockups

Introduction to foundational elements of visual design ВидеоTypography in UX designВидеоThe importance of typography ВидеоTest your knowledge of typographyЗаданиеWork with type in mockupsЧтениеAdd product copy to mockupsЧтениеReview: Add typography to project mockupsЧтение

Use color in mockups

Color in UX designВидеоTest your knowledge on colorЗаданиеWork with color in mockups ЧтениеAccessibility considerations for colorЧтениеReview: Add color to project mockupsЧтение

Use iconography in mockups

Iconography in UX designВидеоWork with icons in mockups ЧтениеReview: Add icons to project mockupsЧтениеBuild a mockup from foundational elementsPLUGINLearn about more visual design elements ЧтениеAdd images to your mockupsВидеоFind stock images for mockupsЧтениеAdditional design considerationsЧтение

Understand page layouts - grids and containment

Introduction to layoutsВидеоUse grids to guide layouts ВидеоCreate grids in mockupsЧтениеReview: Create grids in project mockupsЧтениеUse containment in layoutsВидеоCreate containment in mockupsЧтениеReview: Create containment in project mockupsЧтение

Understand page layouts - negative space

Use negative (white) space in layoutsВидеоUse negative space in mockupsЧтениеTest your knowledge on containment and negative space in designPLUGINReview: Revise project mockups by adding negative spaceЧтениеCommon design patterns in appsЧтениеSelf-Reflection: Share what you've learned about page layoutsЗадание

Module 1 review

Coach dialogue: Consider color in mockupsDIALOGUEWrap-up: Starting to create mockups ВидеоGlossary terms from course 5, module 1ЧтениеModule 1 ChallengeЗадание
02Applying visual design principles to mockups 26 материалов

Apply visual design principles to mockups (part 1)

Welcome to module 2ВидеоEmphasis in UX designВидеоUse emphasis in mockupsЧтениеHierarchy in UX designВидеоUse hierarchy in mockupsЧтениеTest your knowledge on emphasis and hierarchyЗадание

Apply visual design principles to mockups (part 2)

Scale and proportion in UX designВидеоUse scale and proportion in mockups ЧтениеTest your knowledge on scale and proportionЗаданиеUnity and variety in UX designВидеоUse unity and variety in mockups ЧтениеTest your knowledge on unity and variety ЗаданиеReview: Apply visual design principles to project mockupsЧтение

Refine mockup designs

Apply Gestalt Principles to mockupsВидеоLearn about additional Gestalt Principles ЧтениеTest your knowledge of Gestalt PrinciplesЗаданиеReview: Apply Gestalt principles to project mockupsЧтениеApply visual design principlesPLUGINReflect on your progress Видео

Module 2 review

Wrap-up: Applying visual design principles to mockups ВидеоGlossary terms from course 5, module 2ЧтениеModule 2 ChallengeЗадание
03Exploring design systems 18 материалов

Understand design systems

Welcome to module 3ВидеоIntroduction to design systemsВидеоBenefits of design systems ВидеоTest your knowledge on design systemsЗаданиеGoogle's design system: Material Design ВидеоShopify's design system: Polaris ВидеоExplore popular design systems ЧтениеTest your knowledge on features of open-source design systemsЗадание

Create a sticker sheet

Create a sticker sheet in FigmaВидеоCreate sticker sheets for design projectsЧтение

Use design systems

Use a design system library in FigmaВидеоGet inspiration from design systemsЧтениеOptional - Learn from Figma - Use a design system libraryЧтениеTest your knowledge on working with design systems in FigmaЗаданиеShabi - Consider assistive technologies when working in design systemsВидео

Module 3 review

Wrap-up: Exploring design systemsВидеоGlossary terms from course 5, module 3ЧтениеModule 3 ChallengeЗадание
04Creating high-fidelity prototypes20 материалов

Understand high-fidelity prototypes

Welcome to module 4ВидеоIntroduction to high-fidelity prototypes ВидеоCreate a high-fidelity prototype in Figma ВидеоTest your knowledge on creating a high-fidelity prototype in FigmaЗадание

Explore gestures and motion

Gestures and motion in UX design ВидеоExplore types of gestures and motion ЧтениеAdd gestures and motion in Figma Видео Follow-along guide: Add gestures and motion in FigmaЧтениеTest your knowledge on gestures and motionЗаданиеLearn more about prototyping in Figma ЧтениеAccessibility considerations for gestures and motion ВидеоSelf Reflection: Address accessibility considerations when designing with motion ЗаданиеJen - Design with accessibility in mindВидеоLearn from Figma - Prototype interactions and feedback ВидеоAdditional ways to enhance high-fidelity prototypesЧтение

Module 4 review

Wrap-up: Creating high-fidelity prototypesВидеоGlossary terms from course 5, module 4ЧтениеActivity: Create a high-fidelity prototype for your mobile appЗаданиеExemplars: Create a high-fidelity prototype for your mobile appЧтениеModule 4 Challenge Задание
05Testing and iterating on designs 30 материалов

Plan a usability study

Welcome to module 5ВидеоPlan a UX research studyВидеоLearn more about planning a UX research studyЧтение

Conduct a usability study

Conduct a usability studyВидеоLearn more about conducting a usability studyЧтениеSelf-Reflection: Account for bias in your usability studyЗадание

Analyze and synthesize usability study results

Analyze and synthesize usability study resultsВидеоLearn more about analyzing and synthesizing usability study resultsЧтениеTest your knowledge on coming up with research insightsЗаданиеReview: Analyze and synthesize the results of a usability studyЧтение

Iterate on high-fidelity designs

Iterate on high-fidelity designsВидеоIdentify when a design is completeВидеоLearn more about identifying when a design is completeЧтениеFinal designs of the dog walker app in FigmaЧтение

Document and share designs

Document and share designsВидеоHand off designs for productionВидеоLearn from Figma - Prepare for hand offВидеоTest your knowledge on handing off designsЗадание

Module 5 review

Wrap-up: Testing and iterating on designsВидеоGlossary terms from course 5, module 5ЧтениеModule 5 Challenge Задание

Course 5 portfolio project

Portfolio project guide for creating hi-fi prototypesЧтениеActivity: Refine your portfolio project mockupsЗаданиеReview: Refine your high-fidelity portfolio project designsЧтениеCreate a case study for your portfolio projectВидеоLearn more about creating a case study for your portfolio projectЧтение

Course review

Reflect and connect with your peersЧтениеCongratulations on completing Course 5: Create High-Fidelity Designs and Prototypes in FigmaВидеоCourse 5 glossaryЧтениеStart the next courseЧтение
Consider additional visual design elements and principles Чтение
Learn about interface design principles Чтение
Include navigation in mockupsЧтение
Self-Reflection: Include navigation in your mockupsЗадание