- Introducing course 5 - Create High-Fidelity Designs and Prototypes in Figma
- Welcoming week 1
- Kunal - my journey to UX
- Introducing mockups
- Introducing visual design’s foundational elements
- Chikezie - transitioning from low-fidelity to high-fidelity designs
- Typography’s importance
- Typography in UX design
- Colour in UX design
- Introducing layouts
- Iconography in UX design
- Using grids to guide layouts
- Using negative (white) spaces in layouts
- Using contaminants in layouts
- Wrap-up - start to create mockups
Create High-Fidelity Designs and Prototypes in Figma
Gain step-by-step knowledge of creating high-fidelity mockups in Figma by enrolling in the Create High-Fidelity Designs and Prototypes in Figma course.
Beginner
Online
6 Weeks
Quick facts
particular | details | |
---|---|---|
Medium of instructions
English
|
Mode of learning
Self study
|
Mode of Delivery
Video and Text Based
|
Course overview
The Create High-Fidelity Designs and Prototypes in Figma certification course on Coursera comprises a valuable curriculum if you’re looking to apply for entry-level UX (user experience) design jobs. This 100% online course is the fifth part of the Google UX Design training offered by Google.
Here, you will receive step-by-step tutorials to understand and create high-fidelity mockups or designs in Figma, a widely-used design tool. This is a beginner-level course that takes approximately 33 hours to finish.
Progressing across the Create High-Fidelity Designs and Prototypes certification syllabus, you will turn your designs into interactive prototypes that work like a completed product. You will also conduct extensive research to gather feedback on your designs and improve accordingly. Finally, you will get the essential skills to share designs with development teams and showcase your work via a professional UX CV.
Moreover, Google’s present UX researchers and designers will teach you the Create High-Fidelity Designs and Prototypes online course. They will use various learning tools, along with hands-on activities to help you simulate real-time UX design circumstances. You can also pay for and earn the completion certificate.
The highlights
- Completion in approximately 33 hours
- 100% online
- Free auditing
- Paid and shareable certification
- Flexible deadlines
- English subtitles for videos
- Practice quizzes
- Graded assessments
- Course readings
- Beginner-level training
- Hands-on activities
- 7-day free trial
Program offerings
- Google’s instructors
- Shareable certificate
- 7-day free trial
- Hands-on projects
- Beginner-level learning
- Course readings
- Graded and practice quizzes
- Part of the ‘google ux design’ training
- Completion in 33 hours
Course and certificate fees
- There are no fees if you wish to audit this training.
- Create High-Fidelity Designs and Prototypes in Figma certification fee depends upon the months selected to receive the graded material.
Create High-Fidelity Designs and Prototypes in Figma fee structure
Programme option | Fee |
Course Fee, 1 month | Rs. 1,053 |
Course Fee, 3 months | Rs. 2,212 |
Course Fee, 6 months | Rs. 3,160 |
certificate availability
certificate providing authority
Eligibility criteria
You must complete the prior courses in the Google UX Design Certificate to join the Create High-Fidelity Designs and Prototypes in Figma certification by Coursera.
Also, you must possess a firm understanding of the design procedure, creating low-fidelity designs in Figma and on paper, and also conducting usability studies.
What you will learn
The Create High-Fidelity Designs and Prototypes in Figma training by Coursera will make you a fluent professional with ample expertise in these areas:
- Building high-fidelity prototypes and mockups in Figma
- Applying and defining the common design principles and elements
- Demonstrating how to use design systems for organising, standardising, and enhancing designs
- Understanding why design feedback and critique sessions are important when iterating on designs
- Displaying professional skills in UX (user experience), Figma, UXD (user experience design), Prototype, and mockups
Who it is for
Any beginner-level UX designers or UX architects will benefit from the Create High-Fidelity Designs and Prototypes in Figma course.
Admission details
- Use the link here: https://www.coursera.org/learn/high-fidelity-designs-prototype to view and enrol for the Create High-Fidelity Designs and Prototypes in Figma classes online.
- You can either log in to Coursera or sign up to start the training.
- Your enrolment will conclude. You can pay for the certification during the course duration or after completing it. You can also audit it for free, which won’t include the graded content and certificate.
Filling the form
You can gain admission in the Create High-Fidelity Designs and Prototypes in Figma training by simply starting a Coursera account. For this, you must provide your email address, name, and password of choice. You can also register through your Google/Facebook ID.
Also, current Coursera users can directly log in through their Apple/Google/Facebook ID or simply sign in to enrol in the programme.
The syllabus
Week 1: Start to create mockups
Videos
Readings
- Welcome to Course 5
- Optional - Read this if it’s your first course in the certificate program
- Optional - Interpret your quiz results
- Foundational skills to build mockups in Figma
- Activity Exemplar: Use low-fidelity designs to start your portfolio project mockups
- Work with type in mockups
- Add product copy to mockups
- Activity Exemplar: Add typography to your portfolio project mockups
- Work with color in mockups
- Accessibility considerations for color
- Activity Exemplar: Add color to your portfolio project mockups
- Work with icons in mockups
- Activity Exemplar: Add icons to your portfolio project mockups
- Learn about more visual design elements
- Find stock images for mockups
- Additional design considerations
- Create grids in mockups
- Activity Exemplar: Create grids in your portfolio project mockups
- Create containment in mockups
- Activity Exemplar: Create containment in your portfolio project mockups
- Use negative space in mockups
- Activity Exemplar: Revise your portfolio project mockups by adding negative space
- Common design patterns in apps
- Glossary
Practice exercises
- Optional - Test your knowledge of prior concepts
- Optional - Submit your choice of portfolio project prompt
- Activity: Use low-fidelity designs to start your portfolio project mockups
- Test your knowledge of typography
- Activity: Add typography to your portfolio project mockups
- Test your knowledge on color
- Activity: Add color to your portfolio project mockups
- Activity: Add icons to your portfolio project mockups
- Activity: Create grids in your portfolio project mockups
- Activity: Create containment in your portfolio project mockups
- Activity: Revise your portfolio project mockups by adding negative space
- Self-Reflection: Share what you've learned about page layouts
Week 2: Application of visual design principles to mockups
Videos
- Welcoming week 2
- Hierarchy in UX design
- Emphasis in UX design
- Proportion and scale in UX design
- Variety and unity in UX design
- Reflecting on your progress
- Applying Gestalt Principles to mockups
- Wrap-up - applying visual principles to a mockup
Readings
- Use emphasis in mockups
- Use hierarchy in mockups
- Use scale and proportion in mockups
- Use unity and variety in mockups
- Activity Exemplar: Apply visual design principles to your portfolio project mockups
- Learn about additional Gestalt Principles
- Activity Exemplar: Apply Gestalt Principles to your portfolio project mockups
- Consider additional visual design elements and principles
- Learn about interface design principles
- Include navigation in mockups
- Glossary
Practice exercises
- Test your knowledge on emphasis and hierarchy
- Test your knowledge on scale and proportion
- Test your knowledge on unity and variety
- Activity: Apply visual design principles to your portfolio project mockups
- Test your knowledge of Gestalt Principles
- Activity: Apply Gestalt Principles to your portfolio project mockups
- Self-Reflection: Include navigation in your mockups
Week 3: Exploring design systems
Videos
- Welcoming week 3
- Introducing design systems
- Google’s design system - material designing
- Benefits of design systems
- Shopify’s design system - Polaris
- Using design system libraries in Figma
- Creating sticker sheets in Figma
- Shabi - considering assistive technologies while working in a design system
- Wrap-up - explore design systems
Readings
- Explore popular design systems
- Activity Exemplar: Create a sticker sheet for your portfolio project designs
- Get inspiration from design systems
- Optional - Learn from Figma - Use a design system library
- Glossary
Practice exercises
- Test your knowledge on design systems
- Test your knowledge on features of open-source design systems
- Activity: Create a sticker sheet for your portfolio project designs
- Test your knowledge on working with design systems in Figma
- Weekly challenge 3: Explore design systems
Week 4: Participate in design critique sessions
Videos
- Welcoming week 4
- Receive and give feedback as UX designers
- Best practices for a design critique session
- Introducing mock crit sessions
- Basics of a design critique session
- Turning crit sessions’ feedback into actions
- Observing mock crit sessions
- Kunal - my experience with design critique sessions
- Iterating on mockups based on crit sessions’ feedback
- Wrap-up - participate in design critique sessions
Readings
- Explore popular design systems
- Activity Exemplar: Create a sticker sheet for your portfolio project designs
- Get inspiration from design systems
- Optional - Learn from Figma - Use a design system library
- Glossary
Practice exercises
- Test your knowledge on design systems
- Test your knowledge on features of open-source design systems
- Activity: Create a sticker sheet for your portfolio project designs
- Test your knowledge on working with design systems in Figma
- Weekly challenge 3: Explore design systems
Week 5: Create high-fidelity prototypes
Videos
- Welcome to week 5
- Introducing high-fidelity prototypes
- Motion and gestures in UX design
- Creating high-fidelity prototypes in Figma
- Adding motion and gestures in Figma
- Jen - design with accessibility in mind
- Accessibility considerations for motion and gestures
- Learning from Figma - feedback and prototype interactions
- Wrap-up: create high-fidelity prototypes
Readings
- Explore types of gestures and motion
- Learn more about prototyping in Figma
- Additional ways to enhance high-fidelity prototypes
- Glossary
Practice exercises
- Test your knowledge on creating a high-fidelity prototype in Figma
- Test your knowledge on gestures and motion
- Self Reflection: Address accessibility considerations when designing with motion
Week 6: Iterating and testing on designs
Videos
- Welcoming week 6
- Conducting usability studies
- Planning UX research studies
- Synthesising and analysing usability study’s results
- Identifying when designs are complete
- Iterating on high-fidelity designs
- Documenting and sharing designs
- Learning from Figma - preparing for hand off
- Creating case studies for your portfolio project
- Hand off a design for production
- Wrap-up - test & iterate on designs
- Congratulations on finishing course 5 - Create High-Fidelity Designs and Prototypes in Figma
Readings
- Explore types of gestures and motion
- Learn more about prototyping in Figma
- Additional ways to enhance high-fidelity prototypes
- Glossary
Practice exercises
- Test your knowledge on creating a high-fidelity prototype in Figma
- Test your knowledge on gestures and motion
- Self Reflection: Address accessibility considerations when designing with motion
Scholarship Details
You can receive financial aid to afford the Create High-Fidelity Designs and Prototypes in Figma programme. For this, you must visit the course portal and choose the ‘Financial aid available’ option, located beside the ‘Enrol for Free’ tab. An application form will appear, which you must fill and submit. Within two weeks, Coursera officials will reach out to you about your application’s approval.
How it helps
The Create High-Fidelity Designs and Prototypes in Figma certification benefits you by setting you apart from your competition. This curriculum is Google’s offering, part of their Google Career Certificates initiative.
Google’s top educators will mentor you through extensive lessons and hands-on projects, providing you professional-grade knowledge on the industry’s best practices. You can also receive the prestigious course certification, which is shareable as an e-certificate on your CV/LinkedIn.
There are additional benefits too. These include a seven-day free trial, free course auditing, flexible deadlines for convenient learning, English subtitles for all videos, and a 100% online curriculum for learning comfortably.
FAQs
Yes. The Create High-Fidelity Designs and Prototypes programme by Coursera will equip you with the required knowledge to seek job roles as a generalist, UI designer, UX researcher, UX designer, interaction designer, or visual designer.
You can adequately complete this curriculum in approximately 34 hours.
If you audit the Create High-Fidelity Designs and Prototypes in Figma training, you will get all the course videos. To receive the graded work and certification, you must purchase it.
Yes. You will learn the Adobe XD and Figma design tools.
Yes. The Create High-Fidelity Designs and Prototypes online course will include a professional portfolio session, where you will use a preferred platform to create and display your UX designs.
Articles
Popular Articles
Latest Articles
Similar Courses


An Introduction to Accessibility and Inclusive Des...
University of Illinois via Coursera


User Experience Design
Skillcrush


UX Design
Juno College of Technology


UX Design Immersive
General Assembly


UX Design Bootcamp
DigitalCrafts


Introduction to UI Design Course
CareerFoundry


Intro to UX Design Course
CareerFoundry


Create Accessible Interfaces
UAL Creative Computing Institute, University of the Arts,... via Futurelearn


Design a User Experience for Social Good and Prepa...
Google via Coursera


Responsive Web Design in Adobe XD
Google via Coursera
Courses of your interest

User Experience Design And Research
UM–Ann Arbor via Futurelearn
Intro to Graphic Design with Photoshop
Great Learning

Create An Image Target Based Augmented Reality Exp...
Simpliv Learning
Work with Augmented Reality and the Web
Curtin University, Perth via Edx

Video Game Design and Balance
RIT via Edx

Accessible Gamification
Georgia Tech via Edx

User Interface Personalization
Georgia Tech via Edx
Interactive Narrative
The University of British Columb... via Edx
Working as a Game Writer
The University of British Columb... via Edx
More Courses by Google
Google Artificial Intelligence for JavaScript Deve...
Google via Edx
Coronavirus Powersearching
Google via Edx
Building No Code Apps with App Sheet Foundations
Google via Coursera
Introduction to Cloud Identity
Google via Coursera
CBRS Professional Training
Google via Coursera
Contact Center Artificial Intelligence Conversatio...
Google via Coursera
Understanding Your Google Cloud Costs
Google via Coursera
Developing a Google Site Reliability Engineering C...
Google via Coursera
Deploying SAP on Google Cloud
Google via Coursera
How Google does Machine Learning
Google via Coursera