FIGR / UI TEMPLATE
Build multi-SKU wholesale orders with case quantities, freight and trade price.
This builder design reference covers Wholesale & B2B Commerce with fictional sample records.
BUILD ON THIS
Explore this screen, then bring in your own product and design system to shape the next version.
Builder
Save bulk order
builder view
Default, loading, filtered, empty, warning, error, success
Independent UI reference; no 1mg design system
Build multi-SKU wholesale orders with case quantities, freight and trade price.
Relevant sections: Accounts, Orders, Catalog, Pricing, Approvals. Primary action: Save bulk order.
Empty results, slow loading, restricted permissions, validation feedback, failed saves, and success.
Accounts → Bulk Order Composer → Save bulk order
builder, status, record details, filters
Keep the record's status, owner and next action visible. Use cases such as Add SKUs and case packs to check what happens when details are missing or cannot be saved.
Show rule overrides clearly, including eligibility, pricing or approval constraints; let users review changes before committing.
Review Bulk Order Composer in the context of my existing product and design system. Explore important states, edge cases and clear next actions before producing Figma-ready screens.
KEEP EXPLORING
Browse other product UI examples, compare patterns, and pick the direction that suits your product.