Create High-Fidelity Designs and Prototypes in Figma
5.0 /5- Offered byCoursera
Create High-Fidelity Designs and Prototypes in Figma at Coursera Overview
Duration | 34 hours |
Start from | Start Now |
Total fee | Free |
Mode of learning | Online |
Difficulty level | Beginner |
Official Website | Explore Free Course  |
Credential | Certificate |
Create High-Fidelity Designs and Prototypes in Figma at Coursera Highlights
- Shareable Certificate Earn a Certificate upon completion
- 100% online Start instantly and learn at your own schedule.
- Course 5 of 7 in the Google UX Design
- Flexible deadlines Reset deadlines in accordance to your schedule.
- Beginner Level
- Approx. 34 hours to complete
- English Subtitles: English
Create High-Fidelity Designs and Prototypes in Figma at Coursera Course details
- 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 seven 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.
Create High-Fidelity Designs and Prototypes in Figma at Coursera Curriculum
Starting to create mockups
Introduction to Course 5: Create High-Fidelity Designs and Prototypes in Figma
Kunal - My journey to UX
Welcome to week 1
Introduction to mockups
Chikezie - Transition from low-fidelity to high-fidelity designs
Introduction to foundational elements of visual design
Typography in UX design
The importance of typography
Color in UX design
Iconography in UX design
Introduction to layouts
Use grids to guide layouts
Use containment in layouts
Use negative (white) space in layouts
Wrap-up: Starting to create mockups
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 mockup
Understand designer preferences
Work with type in mockups
Add product copy to mockups
Activity Exemplar: Add typography to your mockups
Work with color in mockups
Accessibility considerations for color
Activity Exemplar: Add color to your mockups
Work with icons in mockups
Activity Exemplar: Add icons to your 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 mockups
Create containment in mockups
Activity Exemplar: Create containment in your mockups
Use negative space in mockups
Activity Exemplar: Revise your mockups to add negative space
Common design patterns in apps
Glossary
Optional - Test your knowledge of prior concepts
Optional - Submit your choice of portfolio project prompt
Test your knowledge on mockups in the design process
Activity: Use low-fidelity designs to start your mockup
Test your knowledge of typography
Activity: Add typography to your mockups
Test your knowledge on color
Activity: Add color to your mockups
Activity: Add icons to your mockups
Activity: Create grids in your mockups
Activity: Create containment in your mockups
Activity: Revise your mockups to add negative space
Self-Reflection: Share what you've learned about page layouts
Applying visual design principles to mockups
Welcome to week 2
Emphasis in UX design
Hierarchy in UX design
Scale and proportion in UX design
Unity and variety in UX design
Apply Gestalt Principles to mockups
Reflect on your progress
Wrap-up: Applying visual design principles to mockups
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 mockups
Learn about additional Gestalt Principles
Activity Exemplar: Apply Gestalt Principles to your mockups
Consider additional visual design elements and principles
Learn about interface design principles
Include navigation in mockups
Glossary
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 mockups
Test your knowledge of Gestalt Principles
Activity: Apply Gestalt Principles to your mockups
Self-Reflection: Visual design principles in your work
Self-Reflection: Include navigation in your mockups
Exploring design systems
Welcome to week 3
Introduction to design systems
Benefits of design systems
Google's design system: Material Design
Shopify's design system: Polaris
Create a sticker sheet in Figma
Use a design system library in Figma
Shabi - Consider assistive technologies when working in design systems
Wrap-up: Exploring design systems
Explore popular design systems
Activity Exemplar: Create a sticker sheet for your designs
Download UI kits in Figma
Get inspiration from design systems
Optional - Learn from Figma - Use a design system library
Glossary
Test your knowledge on design systems
Test your knowledge on features of open-source design systems
Activity: Create a sticker sheet for your designs
Test your knowledge on working with design systems in Figma
Weekly challenge 3: Explore design systems
Participating in design critique sessions
Welcome to week 4
Give and receive feedback as a UX designer
The basics of design critique sessions
Best practices for design critique sessions
Kunal - My experience with design critique sessions
Introduction to a mock crit session
Observe a mock crit session
Turn crit session feedback into actions
Iterate on mockups based on feedback from crit sessions
Wrap-up: Participating in design critique sessions
Learn more about design critique sessions
Glossary
Test your knowledge on design critique sessions
Self-Reflection: Request feedback on your work
Test your knowledge on implementing feedback from crit sessions
Weekly challenge 4: Participate in design critique sessions
Creating high-fidelity prototypes
Welcome to week 5
Introduction to high-fidelity prototypes
Create a high-fidelity prototype in Figma
Gestures and motion in UX design
Add gestures and motion in Figma
Accessibility considerations for gestures and motion
Jen - Design with accessibility in mind
Learn from Figma - Prototype interactions and feedback
Wrap-up: Creating high-fidelity prototypes
Explore types of gestures and motion
Learn more about prototyping in Figma
Additional ways to enhance high-fidelity prototypes
Glossary
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
Testing and iterating on designs
Welcome to week 6
Plan a UX research study
Conduct a usability study
Analyze and synthesize usability study results
Iterate on high-fidelity designs
Identify when a design is complete
Document and share designs
Hand off designs for production
Learn from Figma - Prepare for hand off
Create a case study for your portfolio project
Wrap-up: Testing and iterating on designs
Congratulations on completing Course 5: Create High-Fidelity Designs and Prototypes in Figma
Learn more about planning a UX research study
Activity Exemplar: Plan a UX research study for your project
Learn more about conducting a usability study
Activity Exemplar: Conduct a usability study for your project
Learn more about analyzing and synthesizing usability study results
Activity Exemplar: Analyze and synthesize the results of your usability study
Learn more about identifying when a design is complete
Final designs of the dog walker app in Figma
Learn more about creating a case study for your portfolio project
Glossary
Start the next course
Activity: Plan a UX research study for your project
Self-Reflection: Account for bias in your usability study
Activity: Conduct a usability study for your project
Test your knowledge on coming up with research insights
Activity: Analyze and synthesize the results of your usability study
Activity: Refine your high-fidelity designs
Test your knowledge on handing off designs
Test your knowledge on case studies in UX portfolios
Create High-Fidelity Designs and Prototypes in Figma at Coursera Admission Process
Important Dates
Other courses offered by Coursera
Create High-Fidelity Designs and Prototypes in Figma at Coursera Students Ratings & Reviews
3 Ratings- 4-53
Student Forum
Anything you would want to ask experts?