Curriculum Overview

A comprehensive journey through modern product design, from fundamentals to advanced techniques

8
Weeks
32
Live Sessions
4
Major Projects
50+
Figma Features

Your Learning Journey

🎯

Foundation

Design thinking, user research, and Figma basics

⚙️

Systems

Components, variables, and design systems

🚀

Prototyping

Interactive prototypes and Dev Mode

💼

Portfolio

Case studies and career preparation

Week-by-Week Syllabus

Week 1
Product Design Foundations
2 Sessions

Session 1: Design Thinking & User Research

  • Introduction to product design
  • Design thinking methodology
  • User research fundamentals
  • Creating user personas
  • Figma interface overview

Session 2: Information Architecture & Wireframing

  • Information architecture principles
  • User journey mapping
  • Wireframing techniques
  • Figma basics: shapes, text, layers
  • Project 1: Mobile app wireframes

Deliverables:

  • User research report
  • User persona document
  • Wireframe prototype
Week 2
Visual Design & Figma Fundamentals
2 Sessions

Session 3: Visual Design Principles

  • Typography and hierarchy
  • Color theory and accessibility
  • Layout and spacing
  • Figma text and color tools
  • Working with images and icons

Session 4: High-Fidelity Design

  • From wireframes to mockups
  • Design systems introduction
  • Figma styles and effects
  • Exporting and sharing
  • Project 1: Complete mobile app design

Deliverables:

  • High-fidelity mobile app design
  • Design rationale document
Week 3
Components & Design Systems
2 Sessions

Session 5: Components & Variants

  • Component creation and usage
  • Component variants and properties
  • Instance swapping
  • Component organization
  • Project 2: Design system components

Session 6: Variables & Design Tokens

  • Introduction to Figma variables
  • Color, typography, and spacing variables
  • Variable modes and collections
  • Design token best practices
  • Building scalable design systems

Deliverables:

  • Component library (20+ components)
  • Design token documentation
Week 4
Advanced Layout & Collaboration
2 Sessions

Session 7: Auto Layout Mastery

  • Auto Layout fundamentals
  • Nested Auto Layout
  • Responsive design with Auto Layout
  • Constraints and resizing
  • Project 2: Responsive web design

Session 8: Team Libraries & Collaboration

  • Team libraries and publishing
  • Library management and updates
  • Collaboration features
  • Version control and comments
  • Design system governance

Deliverables:

  • Responsive web design system
  • Published team library
Week 5
Advanced Prototyping
2 Sessions

Session 9: Interactive Prototyping

  • Prototyping fundamentals
  • Smart animate and transitions
  • Micro-interactions
  • Overlay and navigation
  • Project 3: Interactive prototype

Session 10: Advanced Prototyping Techniques

  • Conditional logic and variables
  • Complex user flows
  • Prototype testing and feedback
  • Presenting prototypes to stakeholders
  • Figma Mirror and mobile testing

Deliverables:

  • Interactive prototype with 10+ screens
  • User flow documentation
Week 6
Dev Mode & Handoffs
2 Sessions

Session 11: Dev Mode Fundamentals

  • Introduction to Dev Mode
  • Inspecting designs and assets
  • CSS and code generation
  • Design specifications
  • Handoff best practices

Session 12: FigJam & Brainstorming

  • FigJam interface and tools
  • Collaborative brainstorming
  • User journey mapping in FigJam
  • Workshop facilitation
  • Project 3: Complete with FigJam research

Deliverables:

  • Dev Mode handoff documentation
  • FigJam research workshop
Week 7
Portfolio Development
2 Sessions

Session 13: Portfolio Strategy

  • Portfolio structure and storytelling
  • Case study development
  • Project selection and presentation
  • Portfolio website planning
  • Project 4: Portfolio case study

Session 14: Design Critique & Feedback

  • Design critique methodology
  • Giving and receiving feedback
  • Portfolio review sessions
  • Iteration and improvement
  • Professional presentation skills

Deliverables:

  • Portfolio case study draft
  • Design critique participation
Week 8
Career Preparation & Final Projects
2 Sessions

Session 15: Job Search & Interview Prep

  • Design job market overview
  • Resume and LinkedIn optimization
  • Portfolio presentation techniques
  • Interview preparation and practice
  • Freelancing and client work

Session 16: Final Presentations & Graduation

  • Final portfolio presentations
  • Peer feedback and celebration
  • Next steps and continued learning
  • Alumni network introduction
  • Graduation ceremony

Deliverables:

  • Complete portfolio website
  • 3-4 detailed case studies
  • Final presentation

Learning Outcomes

🎨 Design Skills

  • Master Figma's latest features (2024-2025)
  • Create scalable design systems
  • Build interactive prototypes
  • Design responsive interfaces
  • Apply design thinking methodology

🛠️ Technical Skills

  • Variables and design tokens
  • Dev Mode for handoffs
  • Component libraries and variants
  • Auto Layout and constraints
  • Team collaboration workflows

💼 Professional Skills

  • Portfolio development
  • Case study storytelling
  • Design critique and feedback
  • Stakeholder presentation
  • Job search and interview prep

Tools & Resources

Primary Tools

Figma Pro 8-week license included
Figma Dev Mode Handoff and specifications
Figma Variables Design tokens and theming
FigJam Collaborative brainstorming

Supporting Tools

Slack Community and support
Zoom Live sessions and office hours
Notion Course materials and notes
Google Drive File sharing and collaboration

Learning Resources

Video Recordings All sessions recorded
Design Templates Figma files and components
Reading List Curated articles and books
Alumni Network Lifetime access to community

Ready to Master Figma?

Join our Spring 2025 cohort and learn the latest Figma features from industry experts.