FIGR / UI TEMPLATE

Loan Repayment Calendar

Display installment dates, grace windows and scheduled payment reminders.

Explore a calendar used for Consumer Lending & Loan Servicing. The sample UI features Loan LN-208 Oct 15 and Loan LN-217 Oct 19 and shows how users can schedule. All records, people and metrics are fictional; adapt the pattern to your existing product.

Loan Repayment Calendar

BUILD ON THIS

Make it yours in Figr.

Explore this screen, then bring in your own product and design system to shape the next version.

Use this template ↗

At a glance

Screen

Calendar

Primary action

Schedule

Pattern

calendar with searchable records, statuses and details

State

Default, Selected, Filtered, Empty, Loading, Warning, Error, Success

Design system

Independent product UI reference; no 1mg design system

What this screen helps with

Inspect Loan LN-208 Oct 15, compare it with Loan LN-217 Oct 19 and schedule without losing the record's history or status.

What to look for

  • Record examples: Loan LN-208 Oct 15; Loan LN-217 Oct 19.
  • Assigned team: Credit Officer and Loan Ops.
  • Context: Personal Loan.
  • Fictional metric: Open work items = 89.
  • Primary action: Schedule.

States to consider

  • Default: show sample records.
  • Selected: inspect Loan LN-208 Oct 15.
  • Filtered: narrow by needs review or text.
  • Empty: explain that no rows match.
  • Loading: hold the layout steady.
  • Warning: flag blocked work.
  • Error: offer a safe retry.
  • Success: confirm schedule.

Where it fits

Applications → Underwriting → Schedule

Patterns in this screen

calendar, record selection, filters, status labels, task feedback

UX choices to review

Keep dates, schedules and conflicts clear.

  • Keep Loan LN-208 Oct 15 tied to Credit Officer and Personal Loan.
  • Distinguish Needs review from Complete, even without color.
  • When the task fails, tell the user what happened and let them retry.

Try a similar screen in Figr

Use our existing product flows, Figma components, design tokens and permissions to adapt Loan Repayment Calendar. Help users schedule on records such as Loan LN-208 Oct 15 and Loan LN-217 Oct 19. Explore two directions, then produce an editable design with default, selected, filtered, empty, loading, warning, error and success states. Keep our product conventions; the example records are fictional.

Open Figr

KEEP EXPLORING

More ways to approach your next screen.

Browse other product UI examples, compare patterns, and pick the direction that suits your product.

Explore all 500 templates ↗