Invoice clients for UI design, component libraries, and interactive prototypes. Track project milestones and get paid on time with Tidybill.
A UI designer invoice documents the fees for designing user interface screens, components, and visual systems for digital products. UI designers work on web applications, mobile apps, dashboards, and SaaS products, producing wireframes, high-fidelity mockups, interactive prototypes, and design system documentation. Because UI work often runs in parallel with development sprints, invoicing may follow sprint cycles or project milestones rather than a single end-of-project invoice. A detailed UI designer invoice should reference the screens or components delivered, the design tool used (Figma, Sketch, Adobe XD), and any handoff assets prepared for the development team. Clear, itemised invoices help product managers and engineering leads reconcile design spend against their project budgets.
| Service | Typical Rate | Unit |
|---|---|---|
| UI Design (per screen) | £150 - £400 | per screen |
| Design System / Component Library | £1,500 - £5,000 | per project |
| Interactive Prototype | £500 - £1,500 | per prototype |
| UI Audit & Recommendations | £400 - £1,200 | per project |
| UI Design (hourly) | £60 - £120 | per hour |
| Design-to-Dev Handoff & Annotation | £200 - £500 | per project |
For agile product work, invoice at the end of each sprint or two-week period. For fixed-scope projects (e.g. redesigning a specific flow or building a design system), use milestone invoices aligned to your delivery schedule. Include a brief description of what was delivered in each invoice line item — 'UI screens for onboarding flow (6 screens)' is more useful to a client than a single line labelled 'Design work'. Net 14 is common for contract UI work; larger organisations may require Net 30 and a purchase order. Always retain Figma file access until final payment is received.