Billed

How to Invoice as a UX Designer

A step-by-step guide to UX design invoices: how to price each phase from research to a tested prototype, what to do with usability-testing costs, and how to bill work outside the brief.

The US Bureau of Labor Statistics covers this work on its web developers and digital designers page (last modified August 27, 2026), which says: "Digital designers develop, create, and test website or interface layout, functions, and navigation for usability." A UX invoice mirrors that sequence: research, wireframes, a prototype and testing, each priced before it starts and billed when the client receives it.

All four phases can sit on one estimate. Billed's help center article on estimates says: "You can make an estimate and then send it to your client. Your client can approve it to proceed further." Billed's invoice software page then explains how to "convert an approved estimate into an invoice". To collect the fee as phases are handed over, Billed's help article on payment schedules explains: "A payment schedule lets you add a payment plan to the invoices." The steps include: "Choose a suitable option among percentage or flat amount." and "Fill out the payment amount and due date of each payment."

Worked example, using sample figures and leaving out tax: a checkout redesign is priced at $3,000.00 for research, $4,500.00 for wireframes and $4,500.00 for a tested prototype, $12,000.00 in all, collected as three flat payments as each phase is handed over. Five usability-test participants receive $60.00 each, $300.00 that you record as the client's expense and add to the next invoice. The project comes to $12,000.00 + $300.00 = $12,300.00.

Step-by-step invoicing guide

  1. 1

    Break the project into phases

    List research, wireframes, prototype and usability testing as separate phases, each with what the client receives at its end.

  2. 2

    Quote the phases on one estimate

    Attach the brief or a scope document. Billed's estimating software page says: "Attach important files and images with your estimates."

  3. 3

    Collect the fee as phases are handed over

    Use one invoice for the whole fee and add a payment schedule, so each payment falls due when its phase is delivered.

  4. 4

    Pass on testing costs

    Record participant incentives, recruiting fees and testing-tool charges for this client as the client's expenses. Billed's help article on creating an invoice says: "If there are any unbilled expenses of a particular client, you can add these expenses to the client's next invoice. The expense will appear as a line item in the invoice."

  5. 5

    Quote new screens or flows before you start them

    Work that wasn't in the brief gets its own estimate, so the original price stays as the client approved it.

  6. 6

    Bill extra rounds of changes by the hour

    When the client wants changes past the rounds in the estimate, log the time. Billed's time tracking page says: "Create an hourly rate project, set its hourly rate, and Billed tracks the charge for each task as you log it." It adds: "From the project dashboard you can invoice one task or several at once."

Tips for ux designer invoicing

  • Write what the client receives at the end of each phase, such as a research report or a clickable prototype.
  • State in the estimate's notes the rounds of changes the price covers, for example two. Billed's help article on creating an estimate says: "You can also add any terms and conditions in this section."
  • Save your phase prices and your hourly rate as items. Billed's help article on items and services says: "You can use these items and services to bill your clients."
  • Keep the receipt for each participant incentive with the client's expense record.
  • For a monthly design retainer, bill on a schedule. Billed's invoice software page says: "For clients you bill on a schedule, set up a recurring profile once."

Common invoicing mistakes to avoid

  • Billing the whole fee at the start, with no payment tied to delivery
  • Designing new screens or flows without a new estimate
  • Paying participant incentives yourself and forgetting to bill them
  • Extra rounds of changes done without logging the time
  • An invoice naming a phase the client can't find on the estimate

How this works in Billed

Estimates the client approves

Billed's help center article on estimates says: "You can make an estimate and then send it to your client. Your client can approve it to proceed further." Billed's invoice software page then explains how to "convert an approved estimate into an invoice".

Payments by phase

Billed's help article on payment schedules says: "A payment schedule lets you add a payment plan to the invoices." The steps include: "Choose a suitable option among percentage or flat amount." and "Fill out the payment amount and due date of each payment."

Hourly rate projects

Billed's time tracking page says: "Create an hourly rate project, set its hourly rate, and Billed tracks the charge for each task as you log it." It adds: "From the project dashboard you can invoice one task or several at once."

Testing costs on the next invoice

Billed's help article on creating an invoice says: "If there are any unbilled expenses of a particular client, you can add these expenses to the client's next invoice. The expense will appear as a line item in the invoice."

Card and offline payments

Billed's invoice software page says: "Connect your Stripe account and every invoice you send gets a pay button, so clients can pay by card." It also says: "When a client pays by check or cash, record it as an offline payment so all your income is in one place."

Frequently asked questions

Start Invoicing With Billed

Set up your account and send your first invoice with Billed.

Quick answer:To invoice as a UX designer, quote research, wireframes, prototype and testing as phases on one estimate, collect the fee with a payment schedule as each phase is handed over, record testing costs as the client's expenses, quote new screens or flows separately, and log extra rounds of changes by the hour. In Billed, you can turn the approved phase estimate into an invoice, and expenses you record for the client can be billed on the next one.

At a glance

UX work On the invoice
Research A phase payment of its own
Wireframes and prototype Phase payments, due on handover
Test participant incentives Client expenses on the next invoice
New screens or flows A new estimate
Extra rounds of changes Hours from an hourly rate project

When this isn't for you

If you're on staff at an agency or product team, your employer invoices its clients, not you.