Courses › Creative › UI/UX Design
✦
Intermediate Creative

UI/UX Design

Create user-centred designs in Figma — wireframes, prototypes, usability testing, and client handoffs the way real product teams do it.

Sir Murtaza Soomro
4 Months
10–20 Students Per Batch
Certificate + Portfolio
Enroll Now — WhatsApp Ask a Question

What You'll Learn

Plan and conduct user research and competitor analysis
Build low and high-fidelity wireframes in Figma
Create interactive clickable prototypes
Design and document a full design system
Run usability tests and incorporate feedback
Hand off designs to developers with precision
Design for accessibility and inclusive UX
Present your UX case study in a professional portfolio

Course Curriculum

4 Months intensive program

Week 1

UX Foundations & Research

  • UI vs UX — what each discipline covers and how they connect
  • The double diamond design process
  • User research methods: interviews, surveys, and observation
  • Creating user personas and empathy maps
  • Competitor analysis and heuristic evaluation
Week 2

Figma Essentials

  • Figma workspace: frames, layers, pages, and components
  • Shapes, vectors, and the pen tool in Figma
  • Auto layout — building responsive components
  • Styles: colour, text, and effect styles
  • Project: UI component library starter kit
Week 3

Information Architecture & Wireframing

  • Information architecture — sitemaps and user flows
  • Low-fidelity sketching and paper wireframes
  • Mid-fidelity wireframes in Figma
  • Navigation patterns: tabs, drawers, sidebars, breadcrumbs
  • Project: full wireframe set for a mobile app
Week 4

Visual Design & UI Principles

  • Visual hierarchy — guiding the user's eye
  • Spacing, grids, and 8-point grid system
  • Colour in UI — accessible contrast ratios (WCAG 2.1)
  • Typography scale and line-height for screens
  • Micro-interactions and feedback states: hover, focus, error, success
Week 5

High-Fidelity Design

  • Applying brand identity to UI screens
  • Designing mobile-first — iOS and Android conventions
  • Responsive web design in Figma
  • Dark mode design considerations
  • Project: full high-fidelity mobile app UI — all screens
Week 6

Prototyping & Interaction Design

  • Figma prototyping — triggers, animations, and transitions
  • Interactive components — hover states and overlays
  • Gesture-based interactions for mobile
  • Smart animate and scroll behaviour
  • Project: fully clickable prototype ready for user testing
Week 7

Design Systems & Usability Testing

  • What a design system is and why teams use them
  • Building a component library with variants in Figma
  • Tokens: colours, spacing, and typography as variables
  • Usability testing — planning, running, and analysing sessions
  • Iterating designs based on user feedback
Week 8

Developer Handoff, Portfolio & Freelancing

  • Preparing designs for handoff — specs, assets, and annotations
  • Figma Dev Mode — how developers inspect your designs
  • Writing a UX case study: problem, process, and outcome
  • Capstone: end-to-end UX project from research to prototype
  • Building a Behance and Dribbble portfolio — freelancing on Upwork

Tools & Technologies

Figma FigJam Maze (usability testing) Notion Lottie (animations) Zeplin (handoff) Behance Dribbble Coolors Google Fonts Material Design 3 Apple HIG

Frequently Asked Questions

Do I need a graphic design background?

No, but it helps. If you have taken the Graphic Design with AI course, you will find this course much easier. For complete beginners, Week 1 starts from zero with no assumptions about prior knowledge.

Is Figma free?

Yes — Figma has a free plan that covers everything in this course. You will not need to pay for any tool during training.

What is the difference between UI and UX?

UX (User Experience) is about how a product works and feels — research, flows, and usability. UI (User Interface) is about how it looks — colours, typography, and visual components. This course teaches both together, which is how real teams work.

Is UI/UX in demand in Pakistan?

Yes and internationally more so. Pakistani freelancers are winning UI/UX contracts on Upwork for US and UK product companies. A strong Figma portfolio can command $20–50 per hour from international clients.

What will my portfolio look like at the end?

You will have at least two full case studies — a mobile app design and your capstone project — plus a component library. These are presented on Behance and ready to share with potential clients or employers.

Ready to Start UI/UX Design?

Batch starts June 1st, 2026. Limited to 20 seats. Message us on WhatsApp to confirm your spot.

Enroll Now — PKR 1,000 Registration View All Courses