Creative Invoice Template

Free UI/UX Designer Invoice Template

Invoice for the full product design process, from user research and wireframes to polished UI. Get paid on time with Tidybill.

Create Free Invoice View Pricing

What is a UI/UX Designer invoice?

A UI/UX designer invoice covers the end-to-end product design process, blending user experience research and strategy with visual interface design. A UI/UX designer is often a generalist who handles discovery workshops, user flows, wireframes, high-fidelity mockups, and developer handoff in a single engagement. This makes invoicing slightly more complex than specialising in either discipline alone, because one project can encompass both strategic consulting work and pixel-level design output. Clients benefit from a single designer covering both disciplines, which typically results in more coherent products. Invoices should clearly distinguish research and strategy phases from visual design phases, as these represent different types of value and may have different billing rates.

What to include on a UI/UX Designer invoice

Common ui/ux designer invoice line items

Service Typical Rate Unit
Discovery & Research Phase £800 - £2,500 per project
Wireframing & User Flows £600 - £1,800 per project
High-Fidelity UI Design £150 - £400 per screen
Usability Testing Round £600 - £1,500 per round
Design System Setup £1,000 - £3,000 per project
Ongoing Product Design (retainer) £600 - £1,500 per week

How to invoice as a ui/ux designer

For full product design engagements, invoice by phase: a deposit before discovery begins, payment after wireframe approval, and the balance on final handoff. This aligns invoicing with client decision points and gives both parties clear milestones to work towards. For ongoing product design support, a weekly or monthly retainer works well. Invoice at the start of each period with a brief summary of planned deliverables for that sprint or month. Net 14 to Net 30 is standard.

Create your ui/ux designer invoice in minutes

Start free. No credit card required.

Get started free

Frequently asked questions

How do I price a full UI/UX project?
Start with a discovery phase to understand scope, then quote based on the number of screens, research activities, and revisions. Many UI/UX designers quote a fixed project fee with clearly defined scope rather than pure hourly billing, which gives clients certainty and rewards your efficiency.
Should I invoice research and design work at the same rate?
Not necessarily. Research and strategy work requires different expertise from visual design. Some designers charge a higher rate for research (reflecting its strategic value) and a per-screen or per-component rate for production design. Be transparent about your rate structure and include it in your contract.
How do I handle handoff to developers in my invoice?
Developer handoff (preparing redlines, annotation, assets, and Figma component documentation) is real work and should be invoiced. Include it as a line item either within the final phase payment or as a separate 'handoff and support' fee. Unclear handoffs create costly back-and-forth that should be compensated.
What if the client adds new screens mid-project?
Issue a change order documenting the additional screens and agree on additional fees before doing the work. New screens added outside the original scope are billed as extras, not absorbed into the original project fee. Invoice these additions clearly on your next invoice.
How do I invoice if I am working as a subcontractor through an agency?
Invoice the agency directly, not the end client. Use the agency's purchase order number if required. Clarify payment terms with the agency upfront — agencies sometimes have longer payment cycles than direct clients. Ensure your contract with the agency is clear on IP ownership and confidentiality.
Can I use this template for free?
Yes. Tidybill's free plan lets you create up to 5 invoices per month at no cost, with no credit card required. You can use the UI/UX Designer invoice template straight away after signing up.