Overview
Course Description
Master Figma like a senior product designer. Step-by-step, we guide you through user research, wireframing, typography hierarchies, fluid Auto Layouts, scalable design systems with variables and design tokens, and high-fidelity clickable prototypes that impress clients and dev teams.
What you'll learn
- Design beautiful, responsive web and mobile interfaces in Figma
- Master Auto Layout, constraints, and responsive grid layouts
- Build a complete design system with reusable component variants and variables
- Create interactive prototypes with Smart Animate and micro-interactions
Requirements
- No prior design experience needed
- Free Figma account
- A computer with internet access
Course Content
5 Lectures 117 min
Module 1: Figma Interface & Auto Layout 5.0 3 lessons
-
Figma Interface, Canvas Navigation & Shortcuts
Preview12:50
-
Auto Layout Mastery: Responding to Content Changes
26:30
-
Typography Scales, Spacing Tokens & Color Harmony
21:15
Module 2: Design Systems & Component Variants 2 lessons
-
Building Atomic Components: Buttons, Inputs & Cards
25:00
-
Interactive Prototyping with Smart Animate
30:40
About the Instructor
Full Stack Developer & Educator
0 Courses
Experienced instructor teaching web development for 8+ years.
Frequently Asked Questions
Is Figma free to use?
Yes, Figma offers a generous free tier that includes all features taught in this course.