FIGR / UI TEMPLATE

Crew Duty Roster

Plan flight crews around duty hours, qualifications and minimum rest rules.

This example shows how a team could handle Aviation & Airport Operations tasks in an existing product. Sample data is fictional.

Crew Duty Roster

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

Assign crew

Pattern

calendar workflow

State

Default, loading, empty, error, permission denied, success

Design system

Independent UI reference; no 1mg design system

What this screen helps with

Plan flight crews around duty hours, qualifications and minimum rest rules.

What to look for

Sections: Overview, Flights, Resources, Exceptions, Reports. Primary task: Assign crew.

States to consider

Default, loading, empty, error, permission denied, success. Add clear messages and recovery actions when data, permissions or a failed change blocks work.

Where it fits

Overview → Crew Duty Roster → Assign crew

Patterns in this screen

calendar, filters, status labels, record detail

UX choices to review

Keep the primary task and exceptions visible. For example, Captain R. Silva · 06:00 should have a clear next action.

Plan loading, empty, failed-save and restricted-access states so users can recover without losing their work.

Try a similar screen in Figr

Adapt Crew Duty Roster to our existing product. Respect our flows, tokens, components and constraints. Review the exception cases and missing states before creating Figma-ready screens.

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 ↗