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 |
UI designers bill hourly for open-ended work (mid-level ~$60-100, senior ~$100-200+, crowdsourced average ~$82/hr) but favor milestone/deliverable pricing on fixed-scope projects, quoted per screen or as a flat project fee. Per-screen and design-system pricing lets them price the artifact rather than the clock.
30% deposit before work begins, milestone billing (e.g. 40% on draft, 30% on final), invoices Net 15 from receipt; retainer billed monthly in advance for ongoing work
Freelancers file Schedule C and owe 15.3% self-employment tax with quarterly estimates. Digital design services are non-taxable in many states but a growing number tax 'digital products' or SaaS-adjacent deliverables, so nexus and the client's state determine whether sales tax applies to the invoice.
This is general guidance, not tax advice. Tax rules vary by country, state, and situation, so confirm with a qualified accountant before relying on it.
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.