Create High-Fidelity Designs and Prototypes in Figma Course Syllabus

Overview: This course provides a beginner-friendly introduction to high-fidelity design and prototyping using Figma. You'll learn to create polished mockups, apply visual design principles, and build interactive prototypes. Through hands-on projects and real-world scenarios, you'll gain practical skills used by UX professionals. The course is self-paced with approximately 18 hours of total content, including activities and a final project. Upon completion, you'll receive a certificate from Google as part of the UX Design Professional Certificate program.

Module 1: Starting to Create Mockups

Estimated time: 6 hours

• Create high-fidelity mockups in Figma
• Apply typography effectively in designs
• Use color and iconography to enhance visual appeal
• Organize elements using layout techniques like grids, containment, and negative space

Module 2: Applying Visual Design Principles to Mockups

Estimated time: 4 hours

• Apply visual hierarchy to guide user attention
• Ensure balance and alignment in design layouts
• Use emphasis and contrast to improve readability
• Incorporate accessibility considerations into visual design

Module 3: Exploring Design Systems

Estimated time: 3 hours

• Understand the purpose and benefits of design systems
• Use components and styles in Figma for consistency
• Organize and manage design assets efficiently

Module 4: Participating in Design Critique Sessions

Estimated time: 3 hours

• Engage in constructive design critique sessions
• Give and receive actionable feedback
• Iterate on designs based on peer and instructor input

Module 5: Creating High-Fidelity Prototypes

Estimated time: 3 hours

• Transform mockups into interactive prototypes in Figma
• Conduct usability studies to test prototype effectiveness
• Refine designs based on user feedback

Module 6: Final Project

Estimated time: 6 hours

• Design a complete high-fidelity mockup for a real-world app
• Build an interactive prototype with navigation and transitions
• Document design decisions and present for feedback

Prerequisites

• No prior design experience required
• Familiarity with basic computer navigation
• Access to a web browser and Figma account (free tier acceptable)

What You'll Be Able to Do After

• Build professional mockups and high-fidelity prototypes in Figma
• Apply core visual design elements and principles effectively
• Use design systems to ensure consistency and scalability
• Participate in and lead design critique sessions
• Create interactive prototypes and conduct usability testing