FIGR / UI TEMPLATE

Training Cohort Capacity Planner

Balance enrollment slots, instructors and session capacity across cohorts.

This calendar template covers digital learning & assessment workflows inside an existing product. All people, records and metrics shown are fictional.

Training Cohort Capacity Planner

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

Allocate cohort seats

Pattern

calendar workflow

State

Default, Selected, Filtered, Empty, Warning, Success

Design system

Independent product UI reference; no external / 1mg design system

What this screen helps with

Balance enrollment slots, instructors and session capacity across cohorts. The user needs to allocate cohort seats without losing context.

What to look for

Product areas: Learning Overview, Courses, Assessments, Students, Credentials. Task fields: Digital Learning record, Assigned owner, Product area, Review status. Example metrics: Active records, Items needing review, Within policy, Upcoming deadlines.

States to consider

Default, Selected, Filtered, Empty, Warning, Success. Also cover restricted access, interrupted saves and missing or stale data when relevant.

Where it fits

Learning Overview → Training Cohort Capacity Planner → Allocate cohort seats

Patterns in this screen

calendar, filters, status, record details, review actions

UX choices to review

Show timezone, capacity and schedule conflicts before saving.

Review allocate cohort seats with a case such as COHORT-24 · 32 of 40. Make room for empty, warning, permission-denied and failed-save states.

Try a similar screen in Figr

Adapt Training Cohort Capacity Planner to my existing product and design system. Keep our current screens, components and role rules. Explore default, selected, filtered, empty, warning, success and relevant edge cases before generating editable Figma-ready UI.

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 ↗