UI/UX Design · Level 2

Figma: UI Design from Zero to Pro

By SRTR Academy Faculty

4 modules · 17 lessons · 9 videos · 14 hrs

Interface design, components, auto-layout, prototyping, design systems, collaboration, handoff

What you will learn

Module 1: Figma Basics
- 🎬 Interface tour and setup — free preview
- 📄 Frames, shapes, and vector tools
- 🎬 Text, colors, and effects
- 📄 Working with images and masks
Module 2: Components & Auto-Layout
- 🎬 Creating reusable components — free preview
- 📄 Variants and component properties
- 🎬 Auto-layout: responsive design in Figma
- 📄 Constraints and responsive frames
Module 3: Prototyping & Interaction
- 🎬 Prototype connections and triggers — free preview
- 📄 Animations and transitions
- 🎬 Smart animate and interactive components
- 📄 Overflow scrolling and video embeds
Module 4: Design Systems & Collaboration
- 🎬 Building a design system from scratch — free preview
- 📄 Design tokens: colors, typography, spacing
- 🎬 Team libraries and shared components
- 📄 Developer handoff and inspect mode
- 🎬 Figma plugins for productivity