FIGR / UI TEMPLATE
Capture work completed, diagnostics, parts used, labor, photos, recommendations, customer signature, and follow-up work at the end of a visit.
This form reference covers field service & customer operations. Its sample screen includes Work completed and Parts and labor and the Submit report 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 report
Service report
Default, loading, empty, error, permission, success
Adaptable product UI theme
The service report screen supports “Submit report” while keeping work done and parts in view. It should show the current state even when data is missing or access is restricted.
Work done → Parts → Submit report → Review result
Service report, Work done, Parts, permission handling, error recovery
State input requirements before the user submits the form
In this example, Work completed 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 service report screen for an existing field service & customer operations product. Use our actual design system, components, and content rules. Cover Work done and Parts, include believable records such as Work completed, and make "Submit report" 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.