Course Description
Advance your UI/UX skills with components, systems, collaboration, and real-world product design.
What You Will Learn
-
Advanced prototyping
-
Figma components and auto-layout
-
Design systems
-
User flow architecture
-
FigJam collaboration
-
Portfolio preparation
Technical Requirements
Course Syllabus
- Mastering Components and Instances
- Responsive Layouts with Auto-Layout 5.0
- Creating Component Variants & Properties
- Using Variables for Spacing and Modes
- Organizing Files for Handoff
- Smart Animate and Advanced Transitions
- Creating Interactive Components (Hover, Pressed, Loading)
- Horizontal Scrolling and Parallax Effects
- Device Mockups and Presentation Techniques
- User Flow Charting using FigJam
- Introduction to Atomic Design Methodology
- Creating a Global Style Guide (Typography & Color)
- Icon Library Management
- Grid Systems (8pt Grid vs Baseline Grid)
- Documentation within Figma
- Information Architecture: Card Sorting
- User Flow Optimization
- Designing for Different Screen Sizes (Responsive Design)
- UX Writing: Microcopy and Tone
- Accessibility Basics (Color Contrast & Targets)
- Working in Teams: Version Control
- Designing Your First Case Study
- Preparing Assets for Developers
- Presentation Skills for Designers
- Setting up Behance and Dribbble