FIGR / UI TEMPLATE
Record billable time, activity codes and narratives against client matters.
Use this form screen as a starting point for Legal Practice & Litigation software. Adapt it to your existing product and design system. Sample records are fictional.
BUILD ON THIS
Explore this screen, then bring in your own product and design system to shape the next version.
Form
Add time entry
form product workflow
Default, Selected, Filtered, Empty, Warning, Success
Independent UI reference; no 1mg design system
Record billable time, activity codes and narratives against client matters.
Sections: Matter Overview, Matters, Review Tasks, Documents. Main action: Add time entry. Example: MAT-210 · discovery 1.5h.
Plan for Default, Selected, Filtered, Empty, Warning, Success and explain what people should do when an action fails.
Matter Overview → Matter Time Entry Workspace → Add time entry
form, status indicators, filters, detail drill-down
Explain required inputs before users submit and preserve their progress.
Test the flow with cases such as MAT-210 · discovery 1.5h. Plan clear empty, loading, error and permission states.
Adapt this Matter Time Entry Workspace workflow to my existing product and design system. Review the default, selected, filtered, empty, warning, success states, explore improved user paths, and produce editable Figma-ready screens.
KEEP EXPLORING
Browse other product UI examples, compare patterns, and pick the direction that suits your product.