UI designers are freelancers and small studio owners who design the visual interface of websites, mobile apps, and software products. They invoice startups, agencies, and small businesses for work such as screen design, design systems, prototypes, and developer handoff files.
Create an invoice for payment collection
Upload logo
PDF will be generated with filename:
Invoice_1001_Client_2026-10-14.pdf
Most UI designers price in one of three ways: hourly, per project, or on a monthly retainer. Hourly billing works for open-ended or uncertain work and for small fixes after launch. Fixed project fees are common for defined deliverables, such as a 10-screen mobile app design or a marketing site redesign, and are usually split into milestones (for example 50% upfront, 25% at first-round designs, 25% at handoff). Retainers suit ongoing product teams that need a set number of hours or a steady flow of design tickets each month. Design systems and component libraries are often quoted separately from screen design because they take longer than clients expect. Extra revision rounds, new screens added mid-project, and stock asset or font licenses are usually billed as add-ons. Rates scale with experience, portfolio, and whether the client is a startup or an established company.
| Service | Priced | Typical range |
|---|---|---|
| UI design, hourly (general) | per hour | $60-150 |
| Mobile app UI design (up to 10 screens) | flat fee | $2,500-8,000 |
| Website or landing page UI design | per page | $400-1,500 |
| Design system / component library | flat fee | $3,000-12,000 |
| Interactive prototype (Figma or similar) | per hour | $60-130 |
| Developer handoff and spec cleanup | per hour | $60-120 |
| Monthly design retainer | per month | $2,000-6,000 |
| Additional revision round beyond scope | per round | $150-600 |
Typical US ranges. Rates vary by region, experience, and job size.
| Description | Qty | Rate | Amount |
|---|---|---|---|
| Mobile app UI design, milestone 2 of 3: high-fidelity screens (12 screens, iOS) | 1 flat fee | $2,400.00 | $2,400.00 |
| Component library and style guide (colors, type, buttons, form elements) | 1 flat fee | $1,200.00 | $1,200.00 |
| Clickable prototype for user testing | 6 hours | $90.00 | $540.00 |
| Additional revision round requested after approval (onboarding flow) | 3 hours | $90.00 | $270.00 |
| Icon pack license (extended commercial use), billed at cost | 1 each | $49.00 | $49.00 |
| Total | $4,459.00 | ||
Notes: Payment due within 15 days of invoice date. Remaining balance of $2,400 is due at final handoff. Late payments are subject to a 1.5% monthly fee. Final Figma files are transferred upon payment of the full balance. Accepted payment: ACH, credit card, or check.
Ties the invoice to the agreed scope and payment schedule, so the client's accounting team can match it to the contract or proposal.
Listing counts such as '12 screens' or 'onboarding flow' shows exactly what the payment covers and heads off disputes about what was delivered.
Clients often forget how many rounds were included. Showing used versus included justifies any added charges.
Itemizing time by task, such as prototyping or handoff fixes, makes hourly charges easy to approve.
Pass-through licenses should be listed separately at cost so they are not mistaken for design fees.
States when the client owns the final files. Many designers retain rights until the invoice is paid in full.
Larger companies and agencies often will not process an invoice without one.
UI designers commonly collect a deposit of 25-50% before starting, especially on fixed-fee projects and with new clients. The rest is tied to milestones, such as approval of wireframes, high-fidelity screens, and final handoff. Net 15 and Net 30 are the usual terms, with agencies and larger companies often asking for Net 30 or Net 45. Many designers add a late fee of around 1-1.5% per month, written into the contract or proposal. Retainers are generally invoiced at the start of the month. Payment methods include ACH transfer, credit card, and check; international clients may use wire transfer or other platforms that support multiple currencies.
Hold the editable source files, such as the Figma or Sketch file, until the last invoice is paid. Share view-only links or exported images during the project. This protects you without needing to chase unpaid balances.
Two or three rounds of revisions per milestone is common. Name the number on the proposal and on invoices so extra rounds are billed as expected work, not as a surprise.
When a client adds screens or a new feature mid-project, send a short change order and invoice it at the next milestone. Waiting until the end makes the charge harder to defend.
Components, variants, and documentation take real time. Give them their own line item so clients see the value and so you are paid for it even if the project ends early.
Bill the retainer at the start of the month, not the end. State what happens to unused hours, whether they roll over for one month or expire.
Either works. Per-project pricing suits defined deliverables and rewards efficiency, while hourly suits unclear scope, ongoing maintenance, and small fixes. Many designers quote a fixed fee for the main project and bill hourly for anything outside it.
Between 25% and 50% is typical for new clients. For larger projects, a milestone schedule (such as 40% upfront, 30% at mid-point, 30% at handoff) keeps cash flowing and limits your exposure.
If you buy a license specifically for the client's project, bill it at cost as a separate line item. If the client already has licenses or will buy their own, note that in the proposal so it is clear who is responsible.
This depends on your contract. Many designers transfer ownership and usage rights once the final invoice is paid. Put this in writing in your proposal and mention it on the invoice.
Yes, if your contract says so. Deposits are often non-refundable, and you can invoice for completed milestones or hours worked to date. Without a written agreement it is harder to collect, so include a kill fee or cancellation clause in your proposal.
Send a UI Design estimate for approval, then turn it into an invoice when the work is done.
UI Design estimate template