Do I need to take the course in a certain order?

This is the fifth of seven courses in the Google UX Design Certificate. We highly recommend completing the seven courses in this certificate program in the order presented, because the content and applications in each course build on information presented and practiced in earlier courses.

What will I get if I subscribe to this Certificate?

When you enroll in the course, you get access to all of the courses in the Certificate, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

Create High-Fidelity Designs and Prototypes in Figma

本课程是 Google UX Design 专业证书的一部分

位教师：Google Career Certificates

320,411 人已注册

包含在中

了解更多

5个模块

深入了解一个主题并学习基础知识。

4,789 条评论

初级等级

无需具备相关经验

灵活的计划

2 周在 10 小时一周

自行安排学习进度

99%

大多数学生喜欢此课程

5个模块

深入了解一个主题并学习基础知识。

4,789 条评论

初级等级

无需具备相关经验

灵活的计划

2 周在 10 小时一周

自行安排学习进度

99%

大多数学生喜欢此课程

您将学到什么

Build mockups and high-fidelity prototypes in the design tool 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.

您将获得的技能

您将学习的工具

Figma (Design Software)

要了解的详细信息

可分享的证书

添加到您的领英档案

作业

24 项作业

授课语言：英语（English）

了解顶级公司的员工如何掌握热门技能

了解关于 Coursera for Business 的更多信息

Petrobras, TATA, Danone, Capgemini, P&G 和 L'Oreal 的徽标

积累 Design and Product 领域的专业知识

本课程是 Google UX Design 专业证书专项课程的一部分

在注册此课程时，您还会同时注册此专业证书。

向行业专家学习新概念
获得对主题或工具的基础理解
通过实践项目培养工作相关技能
通过 Google 获得可共享的职业证书

该课程共有5个模块

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.

Turn your focus to visual design, which is how a product or technology appears to users. In this part of the course, you'll start to create mockups, which are high-fidelity designs that represent a final product. To create mockups, you'll use visual design elements, like typography, color, and iconography. Elements are often arranged into layouts using methods like grids, containment, and negative space. You'll apply all of these visual design learnings to build on the mobile app designs you've been working on throughout the certificate program.

涵盖的内容

16个视频23篇阅读材料4个作业2个插件

16个视频总计52分钟

Introduction to Course 5: Create High-Fidelity Designs and Prototypes in Figma 2分钟
Kunal - My journey to UX 3分钟
Welcome to module 1 2分钟
Introduction to mockups 4分钟
Chikezie - Transition from low-fidelity to high-fidelity designs 2分钟
Introduction to foundational elements of visual design 2分钟
Typography in UX design 3分钟
The importance of typography 6分钟
Color in UX design 8分钟
Iconography in UX design 5分钟
Add images to your mockups 3分钟
Introduction to layouts 1分钟
Use grids to guide layouts 4分钟
Use containment in layouts 3分钟
Use negative (white) space in layouts 4分钟
Wrap-up: Starting to create mockups 1分钟

23篇阅读材料总计146分钟

Welcome to Course 5 8分钟
Helpful resources and tips 4分钟
Foundational skills to build mockups in Figma 8分钟
Review: Use low-fidelity designs to start project mockups 4分钟
Work with type in mockups 8分钟
Add product copy to mockups 8分钟
Review: Add typography to project mockups 4分钟
Work with color in mockups 8分钟
Accessibility considerations for color 8分钟
Review: Add color to project mockups 4分钟
Work with icons in mockups 8分钟
Review: Add icons to project mockups 4分钟
Learn about more visual design elements 8分钟
Find stock images for mockups 8分钟
Additional design considerations 8分钟
Create grids in mockups 8分钟
Review: Create grids in project mockups 4分钟
Create containment in mockups 8分钟
Review: Create containment in project mockups 4分钟
Use negative space in mockups 8分钟
Review: Revise project mockups by adding negative space 4分钟
Common design patterns in apps 8分钟
Glossary terms from course 5, module 1 2分钟

4个作业总计72分钟

Test your knowledge of typography 8分钟
Test your knowledge on color 4分钟
Self-Reflection: Share what you've learned about page layouts 10分钟
Module 1 Challenge 50分钟

2个插件总计60分钟

Build a mockup from foundational elements 30分钟
Test your knowledge on containment and negative space in design 30分钟

In this part of the course, you’ll use visual design principles to refine mockups. First, you'll use emphasis to guide users to the most important parts of a page. Next, you'll apply hierarchy, scale, and proportion to organize the elements on each page of your app. Then, you'll consider unity and variety to help elements of your app function together or stand out. Finally, you'll revisit Gestalt Principles, like similarity, proximity, and common region, to help users interpret your designs easily.

涵盖的内容

8个视频11篇阅读材料6个作业1个插件

8个视频总计29分钟

Welcome to module 2 1分钟
Emphasis in UX design 4分钟
Hierarchy in UX design 4分钟
Scale and proportion in UX design 5分钟
Unity and variety in UX design 4分钟
Apply Gestalt Principles to mockups 6分钟
Reflect on your progress 4分钟
Wrap-up: Applying visual design principles to mockups 1分钟

11篇阅读材料总计74分钟

Use emphasis in mockups 8分钟
Use hierarchy in mockups 8分钟
Use scale and proportion in mockups 8分钟
Use unity and variety in mockups 8分钟
Review: Apply visual design principles to project mockups 4分钟
Learn about additional Gestalt Principles 8分钟
Review: Apply Gestalt principles to project mockups 4分钟
Consider additional visual design elements and principles 8分钟
Learn about interface design principles 8分钟
Include navigation in mockups 8分钟
Glossary terms from course 5, module 2 2分钟

6个作业总计96分钟

Test your knowledge on emphasis and hierarchy 8分钟
Test your knowledge on scale and proportion 6分钟
Test your knowledge on unity and variety 4分钟
Test your knowledge of Gestalt Principles 8分钟
Self-Reflection: Include navigation in your mockups 10分钟
Module 2 Challenge 60分钟

1个插件总计10分钟

Apply visual design principles 10分钟

Come explore the world of design systems! In this part of the course, you'll be introduced to the parts of a design system, as well as the benefits of using a design system. You'll examine various companies' design systems, and you’ll have an opportunity to use them in your own mockups. You'll also learn how to use and create sticker sheets in Figma.

涵盖的内容

9个视频5篇阅读材料4个作业

9个视频总计36分钟

Welcome to module 3 1分钟
Introduction to design systems 3分钟
Benefits of design systems 4分钟
Google's design system: Material Design 8分钟
Shopify's design system: Polaris 4分钟
Create a sticker sheet in Figma 4分钟
Use a design system library in Figma 9分钟
Shabi - Consider assistive technologies when working in design systems 2分钟
Wrap-up: Exploring design systems 1分钟

5篇阅读材料总计30分钟

Explore popular design systems 8分钟
Create sticker sheets for design projects 4分钟
Get inspiration from design systems 8分钟
Optional - Learn from Figma - Use a design system library 8分钟
Glossary terms from course 5, module 3 2分钟

4个作业总计83分钟

Test your knowledge on design systems 6分钟
Test your knowledge on features of open-source design systems 6分钟
Test your knowledge on working with design systems in Figma 6分钟
Module 3 Challenge 65分钟

You’re ready to build high-fidelity prototypes in Figma! Following six steps, you'll turn your mockups into a prototype that's ready for testing. In addition, you'll explore two new concepts, gestures and motion, which can help enrich the user experience and increase the usability of prototypes.

涵盖的内容

9个视频6篇阅读材料5个作业

9个视频总计32分钟

Welcome to module 4 1分钟
Introduction to high-fidelity prototypes 4分钟
Create a high-fidelity prototype in Figma 4分钟
Gestures and motion in UX design 2分钟
Add gestures and motion in Figma 6分钟
Accessibility considerations for gestures and motion 3分钟
Jen - Design with accessibility in mind 4分钟
Learn from Figma - Prototype interactions and feedback 8分钟
Wrap-up: Creating high-fidelity prototypes 1分钟

6篇阅读材料总计34分钟

Explore types of gestures and motion 8分钟
Follow-along guide: Add gestures and motion in Figma 4分钟
Learn more about prototyping in Figma 8分钟
Additional ways to enhance high-fidelity prototypes 8分钟
Glossary terms from course 5, module 4 2分钟
Exemplars: Create a high-fidelity prototype for your mobile app 4分钟

5个作业总计148分钟

Test your knowledge on creating a high-fidelity prototype in Figma 10分钟
Test your knowledge on gestures and motion 8分钟
Self Reflection: Address accessibility considerations when designing with motion 10分钟
Activity: Create a high-fidelity prototype for your mobile app 60分钟
Module 4 Challenge 60分钟

Now that you have a high-fidelity prototype, it’s time to test your designs. To get started, you’ll conduct a usability study to test your high-fidelity prototype of a mobile app. You'll analyze the feedback you receive to come up with actionable insights and iterate on your designs. Then, you’ll learn how to hand off designs to engineers for production. Finally, you’ll turn everything you’ve learned about user research, ideation, wireframes, designs, and prototypes into a case study for your professional UX portfolio.

涵盖的内容

12个视频13篇阅读材料5个作业

12个视频总计40分钟

Welcome to module 5 1分钟
Plan a UX research study 4分钟
Conduct a usability study 3分钟
Analyze and synthesize usability study results 2分钟
Iterate on high-fidelity designs 10分钟
Identify when a design is complete 2分钟
Document and share designs 1分钟
Hand off designs for production 2分钟
Learn from Figma - Prepare for hand off 5分钟
Wrap-up: Testing and iterating on designs 1分钟
Create a case study for your portfolio project 7分钟
Congratulations on completing Course 5: Create High-Fidelity Designs and Prototypes in Figma 2分钟

13篇阅读材料总计84分钟

Learn more about planning a UX research study 8分钟
Learn more about conducting a usability study 8分钟
Learn more about analyzing and synthesizing usability study results 8分钟
Review: Analyze and synthesize the results of a usability study 4分钟
Learn more about identifying when a design is complete 8分钟
Final designs of the dog walker app in Figma 4分钟
Glossary terms from course 5, module 5 4分钟
Portfolio project guide for creating hi-fi prototypes 10分钟
Review: Refine your high-fidelity portfolio project designs 10分钟
Learn more about creating a case study for your portfolio project 10分钟
Reflect and connect with your peers 4分钟
Course 5 glossary 2分钟
Start the next course 4分钟

5个作业总计118分钟

Self-Reflection: Account for bias in your usability study 10分钟
Test your knowledge on coming up with research insights 8分钟
Test your knowledge on handing off designs 10分钟
Activity: Refine your portfolio project mockups 30分钟
Module 5 Challenge 60分钟

获得职业证书

将此证书添加到您的 LinkedIn 个人资料、简历或履历中。在社交媒体和绩效考核中分享。

位教师

授课教师评分

(1,373个评价)

Google Career Certificates

Google

386 门课程 15,891,252 名学生

提供方

Google

从 Design and Product 浏览更多内容

Coursera
High-Fidelity Design and User Testing with Figma
课程
Coursera
Prototypes in Figma: Creating an Initial Low Fidelity Design
指导项目
Coursera
Create a High-Fidelity Prototype with Figma
指导项目
Coursera
Figma Mastery: From Wireframes to Prototypes
专项课程

人们为什么选择 Coursera 来帮助自己实现职业发展

Felipe M.

自 2018开始学习的学生

''能够按照自己的速度和节奏学习课程是一次很棒的经历。只要符合自己的时间表和心情，我就可以学习。'

Jennifer J.

自 2020开始学习的学生

''我直接将从课程中学到的概念和技能应用到一个令人兴奋的新工作项目中。'

Larry W.

自 2021开始学习的学生

''如果我的大学不提供我需要的主题课程，Coursera 便是最好的去处之一。'

Chaitanya A.

''学习不仅仅是在工作中做的更好：它远不止于此。Coursera 让我无限制地学习。'

学生评论

5 stars
87.42%
4 stars
10.02%
3 stars
1.56%
2 stars
0.43%
1 star
0.54%

显示 3/4789 个

已于 Oct 21, 2023审阅

Amazing content from google, they not only cover figma also they concentrated on UX and other design aspects, Very helpful to build by career. Thank you Coursera & Google.

已于 Aug 22, 2022审阅

This has been an increadible course, you learn a lot about design and the different elements that are important for the user's experience. If you can take this course straight will be much easier.

已于 Oct 18, 2023审阅

I am absolutely delighted with the course I have taken. The course is very intensive, interesting, I received a lot of useful information. I went up another level. Thanks Google!!!

查看更多评论

通过 Coursera Plus 开启新生涯

无限制访问 10,000+ 世界一流的课程、实践项目和就业就绪证书课程 - 所有这些都包含在您的订阅中

了解更多

通过在线学位推动您的职业生涯

获取世界一流大学的学位 - 100% 在线

探索学位

加入超过 3400 家选择 Coursera for Business 的全球公司

提升员工的技能，使其在数字经济中脱颖而出

了解更多

常见问题

User experience (UX) designers focus on the experience that users have while using products like websites, apps, and physical objects. UX designers make those everyday interactions useful, enjoyable, and accessible. The role of an entry-level UX designer might include coming up with ideas to address user problems, conducting research with users, and designing wireframes, mockups, and prototypes.

If you enjoy talking to and empathizing with people, drawing, thinking creatively, or paying attention to details, a job as a UX designer might be a good fit for you!

This course is the fifth of seven courses that will equip you with the skills you need to apply to entry-level jobs in user experience design. We strongly recommend that you complete the first four courses of the Google UX Design Certificate before completing this one:

- Course 1: Foundations of User Experience (UX) Design

- Course 2: Start the UX Design Process: Empathize, Define, and Ideate

- Course 3: Build Wireframes and Low-Fidelity Prototypes

- Course 4: Conduct UX Research and Test Early Concepts

Alternatively, you should have experience conducting user research in order to empathize with user needs and determine specific user pain points. You also need to have the ability to create personas, user stories, and user journey maps, as well as draft problem statements and value propositions. You need to know how to create wireframes and low-fidelity prototypes on paper and in the design tool Figma. It’s helpful to have experience conducting usability studies and iterating on designs, as well. If you are unfamiliar with any of these topics, they are covered in earlier courses of the Google UX Design Certificate.

Figma and Adobe XD are the design tools taught in the seven courses of the Google UX Design Certificate. This course focuses on creating designs in Figma.

Spreadsheets, word processing applications, and presentation applications will also be used. Throughout the program, you will create a professional portfolio, using the platform of your choice, to showcase your UX design work.

One of the most exciting parts about joining the field of user experience is the large number of job opportunities available. Nearly every company needs UX designers to help create their digital and physical products. While the need for UX designers continues to grow, there is currently a shortage of UX design professionals to fill those roles.

A career in UX design allows you the opportunity to work as a generalist, finding a role as a UX designer, UI designer, or UX researcher, or as a specialist, like a visual designer or interaction designer. Upon completion of this certificate program, you will be able to search for jobs with all of these titles, and find the role that best suits you.

To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

Create High-Fidelity Designs and Prototypes in Figma

Create High-Fidelity Designs and Prototypes in Figma

您将学到什么

您将获得的技能

您将学习的工具

要了解的详细信息

了解顶级公司的员工如何掌握热门技能

积累 Design and Product 领域的专业知识

该课程共有5个模块

Starting to create mockups

涵盖的内容

Applying visual design principles to mockups

涵盖的内容

Exploring design systems

涵盖的内容

Creating high-fidelity prototypes

涵盖的内容

Testing and iterating on designs

涵盖的内容

获得职业证书

位教师

提供方

从 Design and Product 浏览更多内容

High-Fidelity Design and User Testing with Figma

Prototypes in Figma: Creating an Initial Low Fidelity Design

Create a High-Fidelity Prototype with Figma

Figma Mastery: From Wireframes to Prototypes

人们为什么选择 Coursera 来帮助自己实现职业发展

Felipe M.

Jennifer J.

Larry W.

Chaitanya A.

学生评论

通过 Coursera Plus 开启新生涯

通过在线学位推动您的职业生涯

加入超过 3400 家选择 Coursera for Business 的全球公司

常见问题

What is a UX designer?

What background is required?

What tools or platforms are included in the curriculum?

更多问题