👤 Logged in as: — Connecting…

Who are you?

Enter your name so the team can see who ticked what. You can skip this and use a guest name.

HRMS Onboarding Module

Figma Design Checklist — Design Team Reference (v2)

11 Sections
Design
0%
Dev
0%
✓ Saved
–
—
Total Screens
—
Must-Have
—
Nice-to-Have
MUST — Sprint 1 core screen NICE — Enhancement, after must-haves

Design Team Instructions

  1. Work in section order — Auth and Company Setup first.
  2. Each screen needs: default, hover/active, empty, error, and loading states.
  3. Candidate-facing screens must include mobile-responsive variants.
  4. Use consistent spacing tokens and the ABShrms component library.
  5. Annotate every screen with ARIA roles, tab order, and contrast notes before handoff.
  6. Tick Done when each Figma screen is handed off. Progress auto-saves in your browser.

HRMS Offer Module

Figma Design Checklist — Design Team Reference (v1)

10 Sections
Design
0%
Dev
0%
✓ Saved
–
—
Total Screens
—
Must-Have
—
Nice-to-Have
MUST — Sprint 1 core screen NICE — Enhancement, after must-haves

Design Team Instructions

  1. Start with Offer Settings and Offer Generation — critical path for Sprint 1.
  2. Candidate portal screens are public-facing and must be mobile-responsive.
  3. Each screen needs default, loading, empty, and error/validation states.
  4. Email template screens must show design mockup + plain-text fallback.
  5. Migrate to Employee screen must clearly show candidate → employee field mapping.
  6. Tick Done when each Figma screen is handed off. Progress auto-saves in your browser.

Employee Profile Module

Figma Design Checklist — Design Team Reference (v1)

15 Sections
Design
0%
Dev
0%
✓ Saved
–
—
Total Screens
—
Must-Have
—
Nice-to-Have
MUST — Sprint 1 core screen NICE — Enhancement, after must-haves

Design Team Instructions

  1. Profile is employee-facing — every tab must have a mobile-responsive variant.
  2. Payroll & Paycheck screens are sensitive — ensure data is masked by default with an unmask toggle.
  3. Document upload/download must show progress, file-size validation, and format restrictions clearly.
  4. All approval workflow screens must show a clear audit timeline (submitted → under review → approved/rejected).
  5. Email notification templates must have both HR-facing and employee-facing variants designed.
  6. Tick Done when each Figma screen is handed off. Progress auto-saves in your browser.