1. Introduction to Figma

• What is Figma?

• Designing in the browser vs desktop app

• Figma interface overview

• Creating files, pages, and organizing projects

• Understanding frames, layers, and artboards

2. Core Design Tools

• Shapes, text, and pen tools

• Constraints and layout grids

• Auto layout basics

• Using components and variants

• Styling: color, typography, effects

3. Components & Design Systems

• Component creation and best practices

• Variants and properties

• Reusable styles and tokens

• Building a scalable design system

• Libraries: sharing and maintaining

4. Prototyping

• Creating interactions and animations

• Smart Animate

• Prototyping overlays, modals, and flows

• Device previews

• Usability testing through prototypes

5. Collaboration & Handoff

• Real-time collaboration

• Commenting and developer handoff

• Inspect panel & generate design specs

• Version control and file history

• Working with teams and permissions

6. Advanced Features

• Auto Layout: advanced patterns

• Responsive design techniques

• Interactive components

• Variables in Figma

• Using plugins and widgets

7. FigJam for Collaboration

• Brainstorming sessions

• Flowcharts, mind maps, diagrams

• Workshop techniques

• Templates and facilitation tips

8. UI/UX Design Foundations

• UX research essentials

• Wireframing and ideation

• UI design patterns

• Accessibility and usability principles

• Creating design documentation

9. Real-World Projects

• Mobile app design

• Web dashboard design

• Landing page design

• Design system creation

• Portfolio-ready case study development

10. Figma for Developers

• Reading design specs

• Exporting assets

• CSS, iOS, Android layout concepts

• Working with design systems as a developer