Detailed Curriculum:
Module 1: Introduction to UI/UX & Figma Setup
- What is UI vs UX?
- Role of a designer in the digital world
- Creating a Figma account & exploring the dashboard
Module 2: Figma Tools & Workspace
- Frames, shapes, text & layers
- Using alignment & grids
- Understanding design hierarchy
Module 3: Colors & Typography
- Choosing the right colors
- Fonts & readability
- Style guides & consistency
Module 4: Components & Reusable Elements
- Creating buttons, nav bars & cards
- Reusing elements across pages
- Building a design system
Module 5: Designing Mobile App Screens
- Layouts for login, profile, and dashboard
- Best practices for mobile UX
Module 6: Designing Simple Website Layouts
- Homepage, about us & contact us pages
- Responsive design basics
Module 7: Prototyping & Sharing Designs
- Linking screens for interactive flow
- Exporting and sharing with clients/developers
Mini Projects:
- Create a login/sign-up app screen
- Design a homepage for a personal website
Final Project:
Design a 3–5 screen mobile app prototype OR a 2–3 page website layout in Figma.
Outcomes & Career Opportunities:
- Build and present professional app & website designs.
- Start freelancing as a junior UI/UX designer.
- Gain portfolio pieces to attract clients.
- Support startups in GB by designing their apps & websites.
- Prepare for advanced design and product development careers.
