Skip to content
Free delivery over PKR 2,500 nationwide
Ilmora

Figma UI/UX Design: From Wireframe to Prototype

Research, wireframe, design and prototype real apps in Figma — and build a portfolio that gets interviews.

4.8(7,410 ratings) 39,850 learners

Created by Fatima Noor

  • Updated September 2026
  • Urdu + English
  • Beginner
  • 28 hours · 176 lectures
  • Certificate included
PKR 1,999PKR 2,99933% off

33% off ends in-- d -- h

30-day money-back guarantee · Secure card payment via Safepay

This course includes

  • 28 hours on-demand video
  • 10 articles & notes
  • 15 downloadable resources
  • 2 quizzes & assignments
  • Access on mobile, laptop and TV
  • Full lifetime access
  • Certificate of completion

What you’ll learn

  • Run lightweight user research and turn findings into design decisions
  • Create wireframes and user flows that developers can follow
  • Master Figma auto layout, components, variants and variables
  • Build a small design system with colours, type and spacing tokens
  • Prototype interactions and run usability tests
  • Present two case studies in a polished portfolio

Course content

5 sections · 176 lectures · 28h total length

3 lessons · 42 min

  • 10:20
  • 14:45
  • Personas, journeys and problem statements16:30

4 lessons · 1h 35m

  • Information architecture13:15
  • User flows for the banking app17:40
  • Low-fidelity wireframes19:20
  • Assignment: Wireframe the onboarding45:00

4 lessons · 1h 14m

  • Frames, constraints and auto layout24:30
  • Components and variants22:10
  • Variables, modes and theming18:50
  • Quiz: Figma features08:00

3 lessons · 59 min

  • Typography for Urdu and English UIs17:25
  • Colour, contrast and accessibility15:40
  • Building a mini design system26:15

4 lessons · 55 min

  • Interactive prototypes and smart animate20:30
  • Usability testing and iteration16:10
  • Developer handoff12:45
  • Writing case studies that get interviews06:00

Section outlines list the key lessons (5h 25m shown). The full syllabus of 176 lectures unlocks on enrolment.

Requirements

  • A free Figma account
  • Any laptop with a modern browser
  • No design experience required

Description

Good UI/UX design is not about making things pretty; it's about making them work for real people. In this course you'll design two complete products — a mobile banking app for first-time users and a doctor-booking web app — following the same process Fatima uses with clients.

You'll learn Figma deeply, from auto layout to variables, but more importantly you'll learn to justify every design decision. The final module shows how to write case studies that hiring managers actually read.

Who this course is for

  • Complete beginners who want a structured, step-by-step start in Figma
  • Aspiring designers building a portfolio for jobs or Fiverr and Upwork gigs
  • Learners who prefer clear explanations in Urdu, with technical terms kept in English
  • Anyone who wants a verifiable certificate to add to their CV or LinkedIn profile

Your instructor

Fatima Noor

Lead Product Designer & Visual Storyteller

Rating
4.8
Learners
74.2k
Courses
2

Fatima has designed banking, telemedicine and e-commerce apps for clients across Pakistan and the Gulf. She also runs a popular design channel, where she edits all her own videos. She teaches design as a way of thinking, not a set of Figma shortcuts.

FigmaUI/UXDesign SystemsVideo EditingContent Creation

More from Fatima Noor

Learner reviews

4.8

Course rating · 7.4k ratings

Breakdown of 4 written reviews.

Most recent reviews

Khadija Rehman

BS Design student, NCA Lahore

Verified learner

The variables and design system section is so well explained. My studio teacher asked where I learnt it.

Helpful?

Osama Javed

Front-end developer, Islamabad

Verified learner

As a developer, this helped me understand designers' decisions. Handoff module is very practical.

Helpful?

Anum Shahid

Career switcher, Karachi

Verified learner

Loved the banking app project. Would be great to have feedback on submitted assignments.

Helpful?

Yasir Abbas

Graphic designer, Multan

Verified learner

Moved from print design into UI. Got my first remote UI project within two months.

Helpful?

Learn with books too

Recommended books for this course

Go deeper on Figma with reference titles and guides chosen to sit next to the videos. Delivered nationwide with cash on delivery.

Shop all books

Keep learning

Learners also enrolled in

All Graphic Design courses
New
Other SkillsUrdu + English

Video Editing for Content Creators

Fatima Noor · Lead Product Designer & Visual Storyteller

4.7(1.3k)
9.9k19hBeginner
Save 20%
PKR 1,999PKR 2,499
Bestseller
ProgrammingUrdu

Python for Absolute Beginners (Urdu)

Hamza Malik · Mobile Engineering Lead & Programming Educator

4.8(18.4k)
96.3k22hBeginner
Save 33%
PKR 1,999PKR 2,999
Bestseller
Data ScienceUrdu + English

Power BI & Excel for Data Analysis

Zainab Qureshi · Senior Data Analyst, Karachi retail group

4.8(11.3k)
58.7k30hBeginner
Save 33%
PKR 1,999PKR 2,999
Cyber SecurityUrdu + English

Ethical Hacking from Scratch

Bilal Ahmed · Penetration Tester & Security Consultant

4.7(8.9k)
47.3k38hBeginner
Save 29%
PKR 2,499PKR 3,499
BusinessUrdu + English

Amazon FBA & Daraz Selling Guide

Omer Farooq · Chartered Accountant & E-commerce Entrepreneur

4.5(5.3k)
29.9k27hBeginner
Save 14%
PKR 2,999PKR 3,499