IT Work Center

What is UI/UX Design with Figma?

UI/UX design is the process of creating user-friendly interfaces that offer a seamless and engaging experience. UI (User Interface) focuses on how a product looks, while UX (User Experience) focuses on how it works. Figma, a cloud-based design tool, has become the industry standard for designing user interfaces, prototyping, and collaborating with developers and teams in real time.

This course teaches you everything from UX fundamentals to professional UI design using Figma—equipping you with skills to create websites, mobile apps, and digital products that are intuitive, beautiful, and practical.

Course Outline – UI/UX Design with Figma

Month 1: UX Foundations & Wireframing

Introduction to UI/UX:

What is UI/UX Design?
Difference between UI and UX
Why Good Design Matters?
Design Thinking Process
The Double Diamond Method

User Research & Strategy:

User Personas, Empathy Maps
Competitive & Market Analysis
Customer Journey Mapping
Problem Statements & Solutions
UX Writing Basics

Wireframing:

Low-Fidelity Sketching
Flowcharts & User Flows
Creating Wireframes in Figma

Potential Gigs:

Create journey maps for websites/apps
Build low-fidelity wireframes
Conduct UX audits and competitive research

Month 2: Figma UI Design – Visual & Interactive Design

Figma Fundamentals:

Figma Interface and Tools Overview
Frames, Shapes, Text, Images
Layers, Grids & Auto Layout
Color Palettes & Typography
Buttons, Cards, Inputs & Form Design
Creating Design Systems & Style Guides
Component Creation & Variants
Mobile-first and Responsive Design

Interactive Prototyping:

Linking Screens for Flow
Transitions & Smart Animations
Scrolling, Hover Effects & Microinteractions
Design Presentation & Sharing Projects
Figma Plugins for Icons, Illustrations, etc.

Potential Gigs:

Design UI mockups for apps and websites
Build prototypes using Figma
Create landing pages and web/mobile UI kits

Month 3: Advanced UI/UX + Portfolio Building

Advanced Topics:

UX for Mobile Apps
Accessibility in UI Design
Real-time Collaboration in Figma
Developer Handoff: Figma Inspect & Code Export
Usability Testing & Iterations

Portfolio Development:

Designing Case Studies
Uploading Projects on Behance/Dribbble
Creating a Designer Resume
Personal Branding for Designers
Freelancing Platforms & Job Prep

Potential Gigs:

Build a UI/UX portfolio with 2–3 real projects
Conduct testing and improve UI/UX
Deliver production-ready UI designs for developers

Requirements

Matric / FSC Students
Bachelor’s or Master’s Degree Holders
Freelancers or Fresh Graduates
Graphic Designers wanting to shift to UI/UX
Front-End Developers wanting to improve UI skills
No prior coding or design knowledge required

Amnah Ghulam Rasool

Designing

Amnah Ghulam Rasool is a creative and dedicated UI/UX Designing instructor at IT Work Center, committed to helping students master user-centered design and interface creativity. With strong expertise in industry-standard tools like Figma, she guides learners through everything from design fundamentals to advanced user experience strategies. Her teaching approach blends creativity with usability, empowering students to create intuitive, functional, and visually appealing digital interfaces. Through hands-on projects and real-world design challenges, Amnah inspires her students to build compelling user experiences and pursue rewarding careers in the UI/UX design field.