FIGR / UI TEMPLATE

Question Bank Editor

Compose reusable assessment questions with learning outcomes and difficulty.

Explore how teams build scenario in Education Assessment & Exam Operations software. This builder shows records such as Algebra item Q-181 and Statistics item Q-192. Adapt the flow to your own product and design system. All data is fictional.

Question Bank Editor

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

Builder

Primary action

Build scenario

Pattern

builder with searchable sample records and selected-record details

State

Default, Selected, Filtered, Empty, Loading, Warning, Error, Success

Design system

Independent product UI reference; no 1mg design-system assets

What this screen helps with

Review Algebra item Q-181 and Statistics item Q-192, spot issues and build scenario while retaining the current owner and status.

What to look for

  • Sample records: Algebra item Q-181; Statistics item Q-192.
  • Owners: Assessment Admin and Exam Proctor.
  • Area: Online Center.
  • Sample metric: Open work items (44, fictional).
  • Primary action: Build scenario.

States to consider

  • Default: show the sample builder and four example records.
  • Selected: inspect Algebra item Q-181.
  • Filtered: show only needs review items or text matches.
  • Empty: show a clear reset.
  • Loading: keep the layout steady.
  • Warning: flag items that need review.
  • Error: explain failure and offer retry.
  • Success: confirm build scenario.

Where it fits

Exams → Candidates → Build scenario

Patterns in this screen

builder, record selection, search, filters, status chips, task feedback

UX choices to review

Put editable rules next to a live preview.

  • Keep Algebra item Q-181 tied to Assessment Admin in Online Center.
  • Separate Needs review from Complete so users can spot what still needs work.
  • Explain any failed save and let users retry without losing their work.

Try a similar screen in Figr

Adapt Question Bank Editor inside our existing product. First inspect our screens, flows, permissions, components and design tokens. Help us build scenario using examples like Algebra item Q-181 and Statistics item Q-192. Compare two layouts, cover default, selected, filtered, empty, loading, warning, error and success states, then create an editable UI our designers can keep working on. Treat the example 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 ↗