FIGR / UI TEMPLATE

Traffic Signal Timing Planner

Model phase plans and pedestrian crossing time at urban intersections.

Explore this builder as a reference for Urban Planning & Transportation Infrastructure software. The sample records include Junction J-04 peak and Junction J-08 midday. Use their tasks and edge cases to adapt this pattern to your own product and design system. All examples are fictional.

Traffic Signal Timing 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

Builder

Primary action

Build scenario

Pattern

builder 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 Junction J-04 peak against Junction J-08 midday, spot blockers and build scenario while preserving ownership and status.

What to look for

  • Example records: Junction J-04 peak; Junction J-08 midday.
  • Owners: City Planner and Mobility Analyst.
  • Work area: Central Corridor.
  • Fictional KPI: Open work items (27).
  • Action: Build scenario.

States to consider

  • Default: show the sample builder.
  • Selected: show details for Junction J-04 peak.
  • 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 build scenario.

Where it fits

Projects → Networks → Build scenario

Patterns in this screen

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

UX choices to review

Keep editable settings beside their preview.

  • Connect Junction J-04 peak to City Planner and Central Corridor.
  • 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 Traffic Signal Timing Planner to an existing product. Read our Figma design system, current flows, components, data rules and permissions. Explore two workable layouts for build scenario with sample cases like Junction J-04 peak and Junction J-08 midday. 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 ↗