FIGR / UI TEMPLATE

Urban Transit Catchment Map

Explore service coverage by neighborhoods and planned improvements.

Explore this collection as a reference for Urban Planning & Transportation Infrastructure software. The sample records include North District 68% access and Central 93%. Use their tasks and edge cases to adapt this pattern to your own product and design system. All examples are fictional.

Urban Transit Catchment Map

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

Collection

Primary action

Explore item

Pattern

collection 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 North District 68% access against Central 93%, spot blockers and explore item while preserving ownership and status.

What to look for

  • Example records: North District 68% access; Central 93%.
  • Owners: City Planner and Mobility Analyst.
  • Work area: Central Corridor.
  • Fictional KPI: Open work items (59).
  • Action: Explore item.

States to consider

  • Default: show the sample collection.
  • Selected: show details for North District 68% access.
  • 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 explore item.

Where it fits

Projects → Networks → Explore item

Patterns in this screen

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

UX choices to review

Help users select items and inspect details.

  • Connect North District 68% access 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 Urban Transit Catchment Map to an existing product. Read our Figma design system, current flows, components, data rules and permissions. Explore two workable layouts for explore item with sample cases like North District 68% access and Central 93%. 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 ↗