Figma Design Task – Employee Leave Management (HRMS Module)
Objective
Design the Employee Leave Management module for a corporate HRMS system.
The design must follow enterprise-grade UX/UI standards, be minimal, clean, and suitable
for daily corporate use.
Scope of the Design
You are required to design all core user flows and screens for the Leave Management
module. The module contains two user personas
Employee View
A. Leave Balance View/Dashboard
• Display employee’s current leave balances
(Annual Leave, Sick Leave, Casual Leave, Compensatory Off and Optional Holiday)
B. Apply for New Leave
• Leave application form including:
o Leave type (dropdown)
o Date range (from/to date picker)
o Half-day selection - toggle/checkbox/others
o Attachment upload (optional)
• Confirmation modal after applying.
C. Cancel Leave
• Option to cancel leave requests that are pending.
• Include a cancellation confirmation pop-up.
D. Leave History / My Leave Records
• Table view with columns:
o Leave Type
o Date Range/From – To dates
o Total days
o Status (Pending / Approved / Rejected / Cancelled)
o Submitted on
• Filters: Leave Type, Status
Manager / Approver View (Reportee Management)
A. Pending Leave Requests
• List of all reportees’ leave requests awaiting approval.
1
• For each request:
Employee ID, Employee Name, Leave Type, Date Range, Total Days
• Approval actions:
o Approve
o Reject
B. Reportee Leave Records / History
• Table view of all reportees' past leave applications.
• Include filters (Employee ID, Employee Name, Leave Type, Date Range, Status)