Loading...


Our Top Course
React Js
(15 Reviews)
$15 $25
Java Program
(15 Reviews)
$10 $40
Web Design
(15 Reviews)
$10 $20
Web Design
(15 Reviews)
$20 $40

Your shopping cart

Banner Shape
Banner Shape
Banner Shape
Banner Shape
Banner Shape
Banner Shape
Banner Shape
Thumb
2 Months
Online & Onsite

UI/UX Design

Master UI/UX design from scratch. Learn Figma, design systems, prototyping, and responsive design. Create stunning user interfaces, build interactive prototypes, and get career support to land your dream design job.

Countdown to Next Batch
19 Days
02 Hours
32 Minutes
45 Seconds

• Mobile Apps

• Web Interfaces

• Prototypes

• Design Systems

• Wireframes

• User Flows

Testimonials

Student's Feedback

Clint Images
Fathima Nusaiba
UI Designer

I had zero design experience before this course. Now I'm creating beautiful app interfaces and earning through freelancing on Fiverr. The design system module was a game-changer for me!

Clint Images
Aslam Rizwan
Product Designer

As a graphic designer, I wanted to switch to UI/UX. This course gave me everything I needed - Figma mastery, prototyping skills, and real portfolio projects. Now I design web and mobile apps for companies!

Clint Images
Imran Khalid
UX Designer

Best investment I made in my career! The course covers everything from wireframes to interactive prototypes. Now I confidently design user experiences that clients love. Highly recommended!

Why Choose Us

Why Learn with Marazin

Discover the unique advantages that make Marazin Academy the perfect choice for your learning journey

Beginner-friendly

We teach from the basics, step by step.

Practical-first

Every class ends with a hands-on task.

Portfolio-focused

You'll finish with client-ready work to show.

Job support

Career guidance, interview prep, and freelance playbook.

Community & mentorship

Telegram group + office hours for doubts.

Certification

Get certified and boost your career prospects.

Target Audience

Who It's For

Discover if this course is the perfect fit for your learning goals and career aspirations

Aspiring UI/UX Designers

Who want to create beautiful and user-friendly interfaces.

Zero Design Experience Figma Mastery Portfolio Projects

Students & Career Switchers

A/L, HNDIT, undergrads and career switchers.

A/L Students HNDIT Students Undergraduates Career Changers

Product Designers & Freelancers

Who want to design apps and websites professionally.

App Design Web Design Remote Work Ready
Course Content

What You'll Learn

Master Figma and essential UI/UX design skills to create stunning digital experiences

Figma Mastery

Frames & Grids

  • Frame structures
  • Layout grids
  • Auto layout
  • Constraints

Colour Theory

  • Color psychology
  • Color palettes
  • Gradients & effects
  • Accessibility

Components

  • Component creation
  • Variants
  • Properties
  • Reusable elements

Prototyping

  • Interactive flows
  • Animations
  • Smart animate
  • User testing

Advanced UI/UX Skills

Design Systems

  • Style guides
  • Token management
  • Component libraries
  • Brand consistency

Responsive Design

  • Mobile-first approach
  • Breakpoints
  • Adaptive layouts
  • Cross-platform design

MCP Figma

  • Advanced techniques
  • Plugin integration
  • Workflow optimization
  • Team collaboration

Bonus: Adobe XD basics, Prototyping tools, On-site bonus: Advanced micro-interactions & animation

UX Principles & Methods

User Research
Wireframing
User Flows
Information Architecture
Usability Testing
Accessibility (WCAG)

Design Workflow

Research & Discovery
Wireframing & Sketching
UI Design & Prototyping
Developer Handoff
Design Feedback
Iteration & Testing
Portfolio-Ready

Outcomes

Complete projects that showcase your professional skills

UI/UX Projects

  • Mobile App Design (iOS & Android)
  • Responsive Website Design
  • Dashboard Interface
  • E-Commerce App Design
  • Interactive Prototypes
  • Design System Documentation

Professional Portfolio

  • Figma Portfolio (5+ Case Studies)
  • Behance/Dribbble Portfolio
  • Clickable Prototypes
  • Design Process Documentation
  • Professional Resume
  • Certificate of Completion
Hands-On Learning

Projects You'll Build

Real-world projects that build your portfolio

1

Mobile App UI Design

Complete iOS/Android app with multiple screens

2

Responsive Website

Desktop, tablet, and mobile layouts with prototypes

3

E-Commerce App

Shopping app with checkout flow and animations

4

Dashboard Design

Analytics dashboard with data visualization

5

Design System

Complete component library & style guide

2 Months Program

Curriculum Snapshot

Comprehensive 8-week program from UI basics to advanced UX design

Month 1

Figma Fundamentals & UI Design
Figma Basics:
  • Figma interface & tools
  • Frames, grids & auto layout
  • Color theory & typography
  • Components & variants
Deliverable: Mobile app UI (5-6 screens)


Month 2

Advanced UX & Prototyping
UX & Interaction:
  • User research & personas
  • Wireframing & user flows
  • Prototyping & animations
  • Responsive design principles
Deliverable: Responsive website + interactive prototype
Final weeks: Design system + portfolio case studies

Bonus

Professional Skills
Career prep:
  • Design systems & MCP Figma
  • Developer handoff
  • Portfolio presentation
  • Client communication
Deliverable: Complete Behance/Dribbble portfolio


Expert Guidance

Mentors

Learn from industry professionals with real-world experience

MM Matheen

Senior UI/UX Designer & Lead Instructor

Expert in Figma, product design, and user experience. 5+ years designing apps for startups and enterprises. Specialized in design systems and interactive prototypes.

Requirements

Policies & Requirements

Attendance

80% required (live tracks only)

Assignments

Submit Figma links on Telegram & publish case studies on Behance/Dribbble

Final Project

Mandatory (80% project submission required)

Equipment

Laptop with 8GB+ RAM + stable internet + Figma account (free)

Common Questions

FAQs

Do I need prior design experience?

No. We start from absolute basics with Figma interface and gradually build your UI/UX skills. No design background needed!

Is Figma free to use?

Yes! Figma offers a free plan with all essential features. We'll guide you through the setup process in the first class.

Do I get recordings?

Online students: Yes, live classes + recordings. You'll also get Figma templates, design resources, and component libraries.

Will you help me get a UI/UX job?

Yes—Behance/Dribbble portfolio setup, case study writing, design interview prep, and freelance platform guidance (Upwork, Fiverr).

Is there a certificate?

Yes, a Certificate of Completion from Marazin Academy upon completing all projects and final portfolio.

Can I learn offline/on-site?

Yes—Kalmunai location (subject to seat availability). Offline students get real-time design critiques and collaborative design sessions.

What's the difference between UI and UX design?

UI (User Interface) focuses on visual design—colors, typography, layouts. UX (User Experience) focuses on how users interact—research, flows, prototypes. We teach both!

Design Your Future - Register via WhatsApp

Free demo class! See live Figma design session and ask questions.

Marazin AI Assistant

Online

👋 Hello! I'm Marazin AI Assistant. I can help you with information about our courses, mentors, location, and more. How can I assist you today?