When will I have access to the lectures and assignments?

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.

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.

High-Fidelity Design and User Testing with Figma

This course is part of Figma, Sketch & Miro for UX Design Professional Certificate

Instructor: Heather Emerson

Included with

Learn more

4 modules

Gain insight into a topic and learn the fundamentals.

Intermediate level

Recommended experience

1 week to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

4 modules

Gain insight into a topic and learn the fundamentals.

Intermediate level

Recommended experience

1 week to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

Skills you'll gain

Tools you'll learn

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

10 assignments

Taught in English

91% of learners achieved a positive career outcome

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

Build your Design and Product expertise

This course is part of the Figma, Sketch & Miro for UX Design Professional Certificate

When you enroll in this course, you'll also be enrolled in this Professional Certificate.

Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate from Coursera

There are 4 modules in this course

In this course, learners will elevate their UX design skills by immersing themselves in high-fidelity design and user testing using Figma, a powerful industry-standard tool. They will learn how to create a comprehensive Design System, develop interactive prototypes, conduct usability tests, and iterate on designs based on user feedback. Throughout the course, learners will continue working on the GreenLeaf Grocers app, transforming their low-fidelity designs into a fully functional, visually appealing, and user-friendly high-fidelity prototype.

By the end of this course, learners will be able to: - Create a comprehensive Design System in Figma, ensuring consistency and efficiency in the design process - Develop high-fidelity, interactive prototypes using Figma's advanced features, such as complex interactions and animations - Plan and conduct usability tests to gather valuable user feedback and identify areas for improvement - Analyze usability test results and iterate on designs based on data-driven insights - Prepare design specifications and assets for a smooth handoff to development teams

Module details

Focus on refining low-fidelity wireframes based on feedback, developing a comprehensive Design System for the GreenLeaf Grocers app, and creating high-fidelity mockups using Figma to ensure visually appealing and functional interfaces.

What's included

8 videos8 readings3 assignments

8 videosTotal 21 minutes

Welcome to High-Fidelity UX Design with Figma2 minutes
Setting Up Your Figma Workspace3 minutes
The Power of Design Systems in Sustainable Product Design1 minute
Creating a Design System in Figma4 minutes
The Impact of Responsive Design on User Engagement1 minute
Creating Responsive Designs in Figma5 minutes
The Journey from Wireframes to High-Fidelity Designs1 minute
Creating High-Fidelity Mockups in Figma4 minutes

8 readingsTotal 200 minutes

Course Overview30 minutes
A Guide to the Greenleaf Grocers Project30 minutes
Understanding Design Systems and Visual Design Principles30 minutes
Activity: GreenLeaf Grocers Design System Development30 minutes
Mastering Responsive Design in Figma30 minutes
Activity: GreenLeaf Grocers Responsive Design30 minutes
Transitioning from Low-Fidelity to High-Fidelity Design10 minutes
Activity: Greenleaf Grocers High-Fidelity Mockups10 minutes

3 assignmentsTotal 35 minutes

Design Systems and Visual Design Principles10 minutes
Responsive Design Principles and Techniques10 minutes
High-Fidelity Design Principles15 minutes

Learn to design intuitive navigation systems and micro-interactions, implement responsive design principles, and utilize Figma's advanced prototyping features to create complex, high-fidelity interactive prototypes for the GreenLeaf Grocers app.

What's included

6 videos6 readings3 assignments

6 videosTotal 14 minutes

Enhancing the User Experience1 minute
Implementing IA in Figma3 minutes
Delighting Users through Thoughtful Interactions1 minute
Creating Micro-interactions in Figma5 minutes
Elevating User Experience with Advanced Prototyping1 minute
Building Complex, Interactive Prototypes in Figma3 minutes

6 readingsTotal 180 minutes

Principles of Effective Information Architecture Design30 minutes
Activity: GreenLeaf Grocers Information Architecture30 minutes
Mastering Micro-interactions and Visual Delight30 minutes
Activity: Greenleaf Grocers Micro-interaction Design30 minutes
Advanced Prototyping Strategies in Figma30 minutes
Activity: GreenLeaf Grocers Advanced Prototype30 minutes

3 assignmentsTotal 35 minutes

Information Architecture10 minutes
Micro-interactions and Visual Delight 10 minutes
Advanced Prototyping in Figma15 minutes

Develop and execute a usability testing plan, gather qualitative and quantitative feedback, analyze test results, and implement design iterations to improve the GreenLeaf Grocers app based on user insights.

What's included

4 videos4 readings2 assignments

4 videosTotal 9 minutes

The Impact of Usability Testing on Product Success1 minute
Planning a Usability Test in Figma4 minutes
From User Feedback to Improved Design1 minute
Iterating Designs in Figma Based on Usability Feedback2 minutes

4 readingsTotal 120 minutes

Usability Testing Methodologies and Best Practices30 minutes
Activity: GreenLeaf Grocers Usability Test Plan and Execution30 minutes
Analyzing Usability Data and Iterative Design30 minutes
Activity: Usability Analysis and Design Iteration30 minutes

2 assignmentsTotal 25 minutes

Usability Testing Fundamentals10 minutes
Testing data and analysis15 minutes

Create detailed design documentation, generate accurate specifications for developers using Figma's inspection tools, prepare design assets for development handoff, and develop a compelling UX case study presentation showcasing the entire design process for the GreenLeaf Grocers app.