FIGR / UI TEMPLATE

Cataloging Metadata Editor

Edit bibliographic metadata, subject headings and classification codes.

Use this form screen as a starting point for Library & Digital Archives software. Adapt it to your existing product and design system. Sample records are fictional.

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

Form

Primary action

Update catalog

Pattern

form product workflow

State

Default, Selected, Filtered, Empty, Warning, Success

Design system

Independent UI reference; no 1mg design system

What this screen helps with

Edit bibliographic metadata, subject headings and classification codes.

What to look for

Sections: Collections, Circulation, Members, Archives. Main action: Update catalog. Example: ISBN-0184 · missing series.

States to consider

Plan for Default, Selected, Filtered, Empty, Warning, Success and explain what people should do when an action fails.

Where it fits

Collections → Cataloging Metadata Editor → Update catalog

Patterns in this screen

form, status indicators, filters, detail drill-down

UX choices to review

Explain required inputs before users submit and preserve their progress.

Test the flow with cases such as ISBN-0184 · missing series. Plan clear empty, loading, error and permission states.

Try a similar screen in Figr

Adapt this Cataloging Metadata Editor 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.

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 ↗