"The structure, the practice exams, the instructor — all top tier. Passed first try."
Course Outline
What the programme covers, module by module.
Module 1: Introduction to Figma
- Figma overview
- Interface navigation
- Account setup
- Workspace management
- Project organization
- Design workflow
Module 2: UI Design Fundamentals
- UI principles
- Visual hierarchy
- Layout fundamentals
- Consistency
- User-centered design
- Design process
Module 3: Figma Interface & Tools
- Toolbar
- Layers panel
- Assets panel
- Properties panel
- Frames
- Navigation shortcuts
Module 4: Wireframing
- Low-fidelity wireframes
- User flows
- Screen planning
- Layout structures
- Content organization
- Design validation
Module 5: Working with Frames & Layouts
- Frames
- Grids
- Constraints
- Alignment
- Spacing
- Auto Layout basics
Module 6: Typography
- Font selection
- Text hierarchy
- Readability
- Text styles
- Responsive typography
- Best practices
Module 7: Color & Visual Design
- Color theory
- Color styles
- Design consistency
- Contrast
- Accessibility basics
- Brand colors
Module 8: Components & Variants
- Reusable components
- Component variants
- Properties
- Nested components
- Component libraries
- Efficient workflows
Module 9: Design Systems
- Design tokens
- Style guides
- UI consistency
- Shared libraries
- Documentation
- Team collaboration
Module 10: Icons & Visual Assets
- Icon libraries
- SVG assets
- Illustrations
- Image optimization
- Asset organization
- Visual consistency
Module 11: Responsive UI Design
- Responsive layouts
- Breakpoints
- Auto Layout
- Constraints
- Device adaptation
- Design flexibility
Module 12: Interactive Prototyping
- Prototype connections
- Navigation flows
- Interactive components
- Animations
- Micro-interactions
- Prototype testing
Module 13: Collaboration in Figma
- Team collaboration
- Comments
- Version history
- Shared projects
- Design reviews
- Workflow management
Module 14: AI in Figma
- AI-assisted design ideas
- AI content generation
- AI image assistance
- Workflow automation
- Productivity improvements
- Responsible AI usage
Module 15: UI for Web Applications
- Dashboard design
- Landing pages
- Navigation design
- Forms
- Tables
- User interactions
Module 16: UI for Mobile Applications
- Mobile layouts
- Navigation patterns
- Mobile components
- Gestures
- User experience
- Mobile optimization
Module 17: Accessibility in UI Design
- Accessible interfaces
- Color accessibility
- Typography accessibility
- Keyboard navigation concepts
- Inclusive design
- Usability improvements
Module 18: Design Handoff
- Developer handoff
- Design specifications
- Asset export
- Documentation
- Collaboration
- Project delivery
Module 19: Portfolio Development
- Portfolio planning
- Case studies
- Project presentation
- Design storytelling
- Professional branding
- Portfolio refinement
Module 20: Common UI Design Challenges
- Layout inconsistencies
- Component management
- Responsive issues
- User feedback
- Design improvements
- Quality assurance
Module 21: Emerging UI Design Trends
- AI-powered design
- Modern UI patterns
- Glassmorphism
- Minimalist interfaces
- Design innovation
- Future trends
Module 22: Practical Figma UI Design Project
- User research summary
- Wireframe creation
- High-fidelity UI
- Interactive prototype
- Design system
- Final presentation
Who it's for & what's included
Pick a delivery method to see exactly who it suits and everything you receive.
Classroom
Best for learners who want face-to-face tuition and to network with peers in person.
Everything you get
- ✓ Live instructor on-site
- ✓ Printed workbook & materials
- ✓ Group exercises & case studies
Online Instructor-Led
Best for learners who want a live instructor and a fixed schedule, without the travel.
Everything you get
- ✓ Live instructor via video call
- ✓ Digital workbook & resources
- ✓ Session recordings
Self-Paced
Best for self-motivated learners who need maximum flexibility around work and life.
Everything you get
- ✓ On-demand video lessons
- ✓ Interactive quizzes
- ✓ 24/7 access on any device