Ledger is an Invoice and Billing Dashboard UI kit for Figma, built for designers who need more than a static screen collection. Every screen is backed by a scalable three-layer design token system, Primitive to Semantic to Component, so you get a system rather than just a template.
Ledger covers the complete invoice lifecycle, Draft to Sent to Overdue to Reminded to Paid, with every meaningful state designed: empty, loading, validation errors, duplicate warnings, bulk action failures, confirmation modals, and client management edge cases.
- Dashboard (overview, stat cards, revenue trend, recent invoices)
- Invoice List (search, filter, sort, bulk actions, full status coverage)
- Invoice Detail (per-status action buttons, status timeline, PDF preview)
- Create & Edit Invoice (dynamic line items, auto-calculated totals, validation)
- Client Management (list, detail, invoice history, edit, delete with guard)
- Reusable components with variants and Auto Layout
- Organized layers and naming conventions
- Primitive → Semantic → Component token system
- Fully editable Figma source file
