UI designers send an estimate or proposal before a project begins, usually after a discovery call or after reviewing a brief. Clients often compare several designers by price, but also by number of screens, revision rounds, and what is included at handoff, so the details of scope matter as much as the total.
When to use estimates: Use estimates to provide project quotes and get client approval before starting work. Once approved, convert your estimate to an invoice with one click to collect payment.
Create an invoice for payment collection
Upload logo
PDF will be generated with filename:
Invoice_1001_Client_2026-10-14.pdf
Screen count is the biggest driver of price. Stating '10 mobile screens' or '5 web pages' sets a clear boundary for what is covered.
Designing for iOS, Android, and responsive web is separate work. List which breakpoints and platforms are included.
Wireframes, high-fidelity mockups, clickable prototypes, and a design system are different deliverables with different costs. Name each one.
Setting a number, such as two rounds per milestone, prevents endless feedback cycles and gives you a basis for charging more.
Delays in content, branding assets, or feedback stall projects. State what you need and when, and note that delays may shift the schedule.
Specify whether you provide Figma files, exported assets, specs, or a walkthrough call, and how much developer Q&A is included after handoff.
Fonts, icons, stock imagery, and plugins may be extra. State who pays and who holds the license.
| 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.
Break the project into flows such as onboarding, checkout, and settings. Estimate hours per flow, add 15-20% for feedback and revisions, and convert to a fixed fee if the scope is clear.
Clients often assume a design system comes with the screens. List it as its own line or as an optional add-on so you are paid for the extra component and documentation work.
A basic package with core screens, a standard package with a prototype, and a full package with a design system give clients a choice and often lead them to the middle option.
Rates and availability change. A 30-day validity window keeps you from being held to old pricing, especially if the client delays a start.
Short quotes based on a brief are normally free. If a client wants detailed research, a discovery workshop, or a full scoping document, many designers charge a paid discovery phase, which can be credited toward the project if they proceed.
Propose a paid discovery or wireframing phase first, then quote the rest once scope is clearer. Alternatively, quote a fixed fee for a defined set of screens and bill hourly for anything beyond that.
Your estimate should state that changes to scope are billed separately. When something new comes up, send a written change order with the added cost and timeline before starting that work.
Only if you actually do development. Otherwise, state clearly that the quote covers design and handoff only, and that coding and implementation are outside the scope.
Use the UI Design invoice template to bill the client, or convert this estimate once it's approved.
UI Design invoice template