FIGR / UI TEMPLATE

Component Shortage Planner

Escalate component shortages with alternate sources and build priorities.

Explore this board as a reference for Electronics Manufacturing & Device Testing software. The sample records include MCU-104 allocation and Cap C-207 short. Use their tasks and edge cases to adapt this pattern to your own product and design system. All examples are fictional.

Component Shortage 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

Board

Primary action

Update board

Pattern

board with searchable records, filters, selection and status feedback

State

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

Design system

Independent product UI reference; no 1mg assets

What this screen helps with

Review MCU-104 allocation against Cap C-207 short, spot blockers and update board while preserving ownership and status.

What to look for

  • Example records: MCU-104 allocation; Cap C-207 short.
  • Owners: Test Engineer and Production Lead.
  • Work area: Line A.
  • Fictional KPI: Open work items (26).
  • Action: Update board.

States to consider

  • Default: show the sample board.
  • Selected: show details for MCU-104 allocation.
  • Filtered: narrow by needs review or record text.
  • Empty: explain a lack of matching records and offer reset.
  • Loading: keep the layout steady.
  • Warning: flag tasks requiring review.
  • Error: let users retry and preserve their work.
  • Success: confirm update board.

Where it fits

Production → Testing → Update board

Patterns in this screen

board, record selection, filtering, status chips, sample task feedback

UX choices to review

Make stage, assignee and blockers visible.

  • Connect MCU-104 allocation to Test Engineer and Line A.
  • Clearly separate Needs review and Complete without relying on color alone.
  • Show clear retries when a record cannot load or save.

Try a similar screen in Figr

Help our team adapt Component Shortage Planner to an existing product. Read our Figma design system, current flows, components, data rules and permissions. Explore two workable layouts for update board with sample cases like MCU-104 allocation and Cap C-207 short. Build a design our team can edit, including default, selected, filtered, empty, loading, warning, error and success states. Treat these sample records as 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 ↗