Invoice flow UI kit
Figma + HTML UI kit for SME invoicing flows — create, approve, send and reconcile screens with realistic sample data.
At a glance
What you get
At a glance
- Category
- Digital · UI kit
- Screens
- 8 linked flows
- Formats
- Figma · HTML stubs
- Delivery
- ZIP download
Screens for real billing work
A digital UI kit for product teams building invoicing and accounts-receivable tools. It covers the everyday path: draft an invoice from a job or order, send for internal approval, email the client, record payment and flag overdue balances.
Includes a Figma file with components and eight linked frames, plus static HTML prototypes wired with sample Indian GST and simple USD invoice data so stakeholders can click through without a backend.
Built from patterns we use on Commerce Core and client billing modules — line items, tax lines, credit notes and partial payments are first-class, not afterthoughts.
At a glance
- Category
- Digital · UI kit
- Screens
- 8 linked flows
- Formats
- Figma · HTML stubs
- Delivery
- ZIP download
Details
Flows: Invoice list, create/edit, approval queue, client preview, payment capture, credit note, overdue chase, and settings for tax profiles.
Sample data: GST-style tax breakdown and a USD simple-tax variant. Swap labels for your jurisdiction.
Licence: Use in one commercial product. Components may be restyled; do not republish the kit as a template marketplace item.
Related
Related products
Often paired