← All courses
🧩Intermediate
UI Design & Design Systems
Design real interfaces in Figma: components, states, and reusable design systems that keep products consistent.
3 modules · 15 lessons · 15 lessons
Share
Free
What you'll learn
- Figma
- UI components
- Design systems
- Prototyping
Curriculum
6 modules · 15 lessonsModule 1Designing in Figma3 lessons
Frames, layers & auto-layoutPreviewStyles & variables
Constraints & responsive frames
Module 3Design systems3 lessons
What is a design system?
Design tokens
Documentation & guidelines
Module 4Prototyping & handoff2 lessons
Prototyping flows
Developer handoff
Module 5Practice2 lessons
Build a button component
Auditing for consistency
Module 6Wrapping up2 lessons
Common mistakes
Where to go next
Reviews
No reviews yet.
