15% OFF ON ANY PLANUse code 15off4everClaim now →15% OFF ON ANY PLANUse code 15off4everClaim now →15% OFF ON ANY PLANUse code 15off4everClaim now →15% OFF ON ANY PLANUse code 15off4everClaim now →15% OFF ON ANY PLANUse code 15off4everClaim now →15% OFF ON ANY PLANUse code 15off4everClaim now →
Templates / Proposal

Free App Design Proposal Template

An app design proposal covers the project scope, deliverables, pricing, review rounds, platform requirements, and payment terms before work starts.

App Design Proposal template preview

Language:

en

Category:

Last updated:

October 2026

Share template

Clear decisions are the hard part of app work, because the same set of screens can mean three different things to product, design, and engineering. An app design proposal gives everyone one written version of the plan, so sign-off doesn’t stop at “looks good in Figma” and then fall apart in build.

The proposal opens with Summary, then introduces Who you are working with and backs it up with Recent projects and Portfolio so the buyer knows what kind of product design work is getting delivered. The deliverables move from an audit notes pack and a flow map through wireframes and high-fidelity UI screens, with a component library, tokens, and a clickable prototype called out for review. Lora headings and Inter body text sit alongside a solder-mask green with indigo accents, so the document reads like decisions and handoff, not decoration.

  • Summary Frames the problem the work is solving and describes the process from audit through decided flows, annotated screens, and review points.
  • Who you are working with Introduces the designer and explains how decisions get written into the work so handoff doesn’t rely on interpretation.
  • Recent projects Gives a short lead-in to past app projects that focused on faster sign-off and buildable screens.
  • Portfolio Summarises example engagements like onboarding, billing and plan changes, and a Figma design system, with emphasis on edge cases and build clarity.
  • Audit notes pack Defines the audit notes pack and the early artifacts, including a flow map and wireframes that lock structure and content priority before visual polish.

Summary Says what gets decided early so product, design, and engineering read the same screens the same way before build starts. Audit notes pack Covers the audit file, flow map, and wireframes so the scope starts from what exists and what blocks the feature. High-fidelity UI screens Defines ship-ready screens, the component library and tokens, and the clickable prototype used for walkthroughs. What it costs Lists the single Flow Build line item, which you reprice before sending. Next steps Holds the acceptance section with a signature and fee summary, so the client signs online to confirm the booking.

We went from spending hours on every proposal to creating fully customized ones in under 5 minutes. That's not an exaggeration - we timed it.

Yazan & Mawaheb
Yazan & MawahebAgency Owners

What to include in an app design proposal

PartWhat it covers

Summary

Frames the problem the work is solving and describes the process from audit through decided flows, annotated screens, and review points.

Who you are working with

Introduces the designer and explains how decisions get written into the work so handoff doesn’t rely on interpretation.

Recent projects

Gives a short lead-in to past app projects that focused on faster sign-off and buildable screens.

Portfolio

Summarises example engagements like onboarding, billing and plan changes, and a Figma design system, with emphasis on edge cases and build clarity.

Audit notes pack

Defines the audit notes pack and the early artifacts, including a flow map and wireframes that lock structure and content priority before visual polish.

High-fidelity UI screens

Spells out the final deliverables, including annotated UI screens, a component library and tokens, and a clickable prototype for stakeholder review.

What it costs

Contains a priced items table with Flow Build, where you replace the template pricing with your own before sending.

Next steps

Explains what happens on acceptance and carries the signature and fee summary, including the 50% booking invoice and the 14-day payment window.

What do you need from us before you start?

Lists the access and inputs needed to begin, then covers the platform decision for iOS, Android, or both and why that changes what “done” means.

How many screens are we talking about, roughly?

Explains how screen count gets estimated after the audit and flow map, then sets expectations for two planned review rounds and written decision lists.

Payment

States the 50% upfront and 50% on handover structure, the 14-day payment terms, and repeats the inputs, platform choice, and review-round boundaries.

Changes to scope

Defines how screen-count changes get priced, what happens when feedback delays or the project pauses, and when ownership transfers after final payment.

Who it is for

Product designers and UI/UX design studios sending a proposal for app screens and flows that need sign-off the engineering team can build from.

The proposal in full

Summary

You’ll have a single set of screens and flows that product, design, and engineering can read the same way, with the tricky decisions made early and recorded right on the work.

Most teams reach out when a feature needs to ship, but screens keep turning into opinions and half-finished frames. I’ll turn the feature into a set of decided flows, annotated screens, and a Figma library engineering can build from. Next I’ll confirm the journey, screen count, and review points.

I run the work through one shared place in Figma, with decisions written down where they’re made. I start by auditing what you already have and capturing notes, then map one key journey end to end. From there I move from wireframes to high-fidelity UI, and finish with components and tokens so the build stays consistent.

Who you are working with

I’m Maja Kristensen, a product designer focused on apps. I got into this work by shipping features alongside engineers, then watching good ideas stall because nobody agreed on what the screen meant. These days I’m brought in when an app needs one consistent direction, fast enough for a release cycle and clear enough for a build.

I’m picked when the risk is misalignment between Figma and engineering. I don’t hand over pretty frames and hope. I write decisions into the file, I annotate the edge cases that usually become Slack threads, and I keep reviews on a small set of screens so you can approve a buildable slice, not a vague direction.

Recent projects

Here are a few app projects where the goal was fewer opinions, faster sign-off, and screens engineering could ship without guesswork.

Portfolio

SaaS onboarding redesign. Rebuilt onboarding around one primary journey, then rewired empty states and error handling. The result was a shorter path to first value and fewer back-and-forth questions during build, because the flow and copy were decided together.

Billing and plan change flow. Redesigned the upgrade and downgrade flow with clearer plan comparison and confirmation steps. Support edge cases were captured on the screens, so engineering didn’t have to infer rules from a prototype or Slack messages.

Design system setup in Figma. Turned a growing set of one-off UI into a component library with tokens and naming that matched engineering usage. New screens started moving faster because common patterns were pull-and-use, not redraw-and-debate.

“The screens were easy to build because every decision was written down.”

Product manager, a mid-sized SaaS company

Audit notes pack

A Figma file with commented screenshots and a short written summary of what’s working, what’s inconsistent, and what will block the new feature if it stays as-is.

ONE JOURNEY FLOW MAP

A clear map of one key journey, including branches and edge cases. It gives product and engineering one shared picture of what you are building.

KEY SCREEN WIREFRAMES

Wireframes for the core screens in the journey, with structure and content priority decided before visual styling pulls the conversation sideways.

High-fidelity UI screens

Ship-ready screen designs for the agreed scope, with annotations for tricky interactions and states so engineering is not guessing from pixels alone.

COMPONENT LIBRARY AND TOKENS

A Figma component set and basic tokens that match the screens, so new UI stays consistent and future work starts from reusable parts, not copies.

CLICKABLE PROTOTYPE

A prototype used for stakeholder review and walkthroughs. It’s designed to answer, "What happens when I tap this?", before engineering starts.

What it costs

Pick the tier that matches how much of the app needs to change right now. Each tier includes the full flow from audit through high-fidelity screens and a prototype.

Priced items

Next steps

If you’d like me to hold time for this, the next step is a signed proposal and the booking invoice.

1. Sign this proposal to book the work. 2. Pay the 50% booking invoice within 14 days. 3. Send access to your Figma and app build so I can start the audit.

Signature

Fee summary

What do you need from us before you start?

Access to your current Figma files, the app build or a staging link, and one person who can answer product questions quickly. I’ll also ask for any existing analytics, support themes, and the success measure for the feature so decisions have a target.

ARE YOU DESIGNING FOR IOS, ANDROID, OR BOTH?

I can design for iOS, Android, or both. Before I start screens, I’ll confirm whether you’re using native patterns, a shared design language, or one codebase, because that choice changes components, spacing, and what “done” means for engineering.

How many screens are we talking about, roughly?

Most feature pieces land between 12 and 30 screens once you count states, empty cases, and errors. After the audit and flow map, I’ll give you a screen-count range for sign-off so you can plan the build without surprises.

HOW DO WE STOP THIS BECOMING ENDLESS ITERATIONS?

I keep feedback to two planned review rounds at wireframe and high-fidelity, with comments in one place in Figma. Each round ends with a written decision list so you can close topics and move forward instead of reopening them later.

Payment

To book app product design, I invoice 50% when you sign. I invoice the remaining 50% when the finished work is handed over. Each invoice is payable within 14 days.

What I need from you. Before I start, I need access to your current Figma files and the app build or a staging link. I also need one person who can answer product questions quickly during reviews.

Platform decisions. I can design for iOS, Android, or both. Before screens, you’ll confirm whether you’re using native patterns, a shared design language, or one codebase, since that choice changes components and specs.

Review rounds. My process includes two planned review rounds, one at wireframe and one at high-fidelity. I keep comments in one place in Figma, and each round ends with a written decision list.

Changes to scope

After the audit and flow map, I’ll give you a screen-count range for sign-off. If the range grows because the feature expands or new journeys get added, I’ll price the extra screens before I design them.

Timelines and pauses. Dates depend on how quickly reviews and decisions land. If feedback is delayed, the schedule shifts by the same amount. If the project pauses for more than two weeks, I’ll confirm a new slot.

Handoff and ownership. Once the final payment is made, you own the finished design work I’ve produced for this project. I keep working files in Figma so you can build from the same source engineering reviewed.

Questions about this proposal template

What should an app design proposal include?

An app design proposal usually includes the scope of the feature, the deliverables, what the work needs from the client, the review process, pricing, and payment terms. This proposal also covers platform choices, how screen count gets confirmed, and how scope changes are priced.

How do you estimate screen count for an app design project?

Screen count usually becomes clear after an audit and a journey map, once states, empty cases, and errors get counted. This proposal describes giving a screen-count range for sign-off after the audit and flow map so the build can be planned without surprises.

How do you stop app design feedback turning into endless iterations?

The proposal sets two planned review rounds, one at wireframe and one at high-fidelity, with comments kept in one place in Figma. Each round ends with a written decision list so topics get closed instead of reopened later.

What does a client need to provide before app UI design starts?

The proposal asks for access to current Figma files, the app build or a staging link, and one point person who can answer product questions quickly. The same section also calls out analytics, support themes, and a success measure when those exist.

Should a proposal say iOS, Android, or both?

A proposal should name the target platforms because native patterns, shared design languages, or a single codebase change components and spacing. This proposal includes a specific platform decision section to confirm that before screens begin.

When do clients pay for app design work?

This proposal uses a 50% booking invoice when the proposal is signed and the remaining 50% when the finished work is handed over. Each invoice is payable within 14 days, and the next steps section spells out that sequence.

Start free today

Your entire business, one login away

No credit card required. No contracts. Just the tools you need to run, grow, and automate your business with Super Work AI.

No credit card required

Plutio - Your entire business, one login away