FIGR / UI TEMPLATE
Help field technicians inspect meters, capture readings and photos, document defects, replace seals, and create follow-up work.
This form reference covers energy & utilities. Its sample screen includes Verify meter ID and Capture reading and the Submit inspection action. Adapt its workflow to your product and design system.
BUILD ON THIS
Explore this screen, then bring in your own product and design system to shape the next version.
Form
Submit inspection
Field Meter Inspection form
Default, loading, empty, error, permission, success
Adaptable product UI theme
The field meter inspection screen supports “Submit inspection” while keeping assignment and inspection in view. It should show the current state even when data is missing or access is restricted.
Assignment → Inspection → Submit inspection → Review result
Field Meter Inspection form, Assignment, Inspection, permission handling, error recovery
State input requirements before the user submits the form
In this example, Verify meter ID is one of the records worth checking. Keep the sample data clearly separate from a live system.
Keep progress and entered values when people move between steps
Show clear permission, validation, and recovery states near the affected control
Design a field meter inspection screen for an existing energy & utilities product. Use our actual design system, components, and content rules. Cover Assignment and Inspection, include believable records such as Verify meter ID, and make "Submit inspection" easy to find. Map empty, loading, error, permission, and success states. Keep the result editable in Figma.
KEEP EXPLORING
Browse other product UI examples, compare patterns, and pick the direction that suits your product.