Skip to main content

Budget Planning & Forecasting Interface

Design a budget planning and forecasting UI: allocation tools, scenario modeling, variance analysis, and approval workflows for finance teams.

Vul de plaatshouders in

Edit the values, then copy your finished prompt.

Jouw Prompt
prompt.txt

                                

What this prompt does

This prompt turns Claude or ChatGPT into a product designer for a finance budgeting and forecasting tool. You name the [product_name] and the [organization_type] it serves, then describe the [budget_cycle], the [org_structure], the [planning_approach], and the [framework] you'll build in. From that, the model designs seven connected modules: an overview dashboard, an allocation editor, scenario planning, variance analysis, an approval workflow, a forecasting engine, and the framework-specific implementation notes.

The structure works because budgeting is a collaborative, multi-editor problem, not a single-screen form. By forcing the model to reason about [org_structure] (for example a four-level Company > Division > Department > Cost Center hierarchy) and the [planning_approach] (top-down targets meeting bottom-up detail), it produces allocation grids and roll-up logic that match how real finance teams actually negotiate numbers. The [variance_threshold] variable feeds the highlighting rules so the variance module flags only material gaps.

When to use it

  • You're scoping a budgeting or FP&A SaaS feature and need a coherent module map before writing code.
  • You want a spreadsheet-like allocation grid with formulas, version snapshots, and top-down/bottom-up flows specified.
  • You need scenario modeling (best case, expected, conservative) with sensitivity sliders laid out.
  • You're designing an approval workflow with thresholds, delegation, and an audit trail.
  • You want forecasting UI patterns (rolling forecast, driver-based inputs, confidence intervals) described before integration work.
  • You're choosing a grid library and want the [framework] implementation notes to compare against.

Example output

You get a structured design document, module by module, in the order listed. Each module is broken into concrete UI elements (charts, grids, side-by-side comparisons, status indicators) with the interactions that connect them — for example how promoting a scenario triggers the approval workflow. The final [framework] section translates the design into implementation concerns like a virtualized grid, undo/redo, real-time collaboration indicators, and export formats. It's a spec you can hand to a designer or build directly from, not finished code.

Pro tips

  • Make [org_structure] precise. The number of levels you specify directly shapes the roll-up and drill-down behavior the model designs.
  • Set [variance_threshold] as a real rule (for example "10% or $5,000, whichever is greater") so variance highlighting is actionable instead of arbitrary.
  • Match [planning_approach] to your reality — a pure top-down org gets a different allocation editor than a hybrid one.
  • Pin [framework] to a real grid library (AG Grid, TanStack Table) so the performance and keyboard-editing notes are usable.
  • If the output is too broad, ask for one module at a time and request component-level detail, states, and empty states.
  • Iterate on the forecasting section separately — driver-based forecasting deserves its own pass once the rest is settled.

Frequently Asked Questions

Does this prompt generate working budgeting code or just a design?
It produces a detailed UI and UX design specification organized by module, including framework implementation notes. It is a blueprint you build from, not a finished, runnable application you can deploy directly.
Can I adapt it for a smaller company instead of mid-market?
Yes. Change `[organization_type]` and simplify `[org_structure]` to fewer levels, and the model will scale the allocation grid, roll-ups, and approval chains down to match a smaller finance team.
How does the variance threshold variable affect the output?
The `[variance_threshold]` value drives the threshold-based highlighting in the variance analysis module, so only gaps exceeding your rule get flagged. Setting a concrete rule keeps the variance view focused on material differences.
Which frontend framework should I put in the framework variable?
Use whatever you will actually build in, paired with a capable data grid such as AG Grid or TanStack Table. The grid choice matters most because the allocation editor needs virtualization, formulas, and keyboard editing.
Can it design the scenario planning module on its own?
Yes. Ask the model to expand just the scenario planning section and it will detail scenario comparison tables, sensitivity sliders, simulation visualizations, and the promote-to-budget workflow in more depth.
Engr Mejba Ahmed

Need this built for real?

Engr Mejba Ahmed

AI Developer · Software Engineer

I'm Mejba — I design and ship production AI systems, automations, and full-stack apps. If you want this turned into a working solution for your team, let's talk.

Meer in Finance & Fintech UI Prompts

Engr Mejba Ahmed

Engr Mejba Ahmed

Claude Code Expert · Online

👋

Hey there!

Quick Actions

WhatsApp Instant reply

Chat on WhatsApp

+880 1723 741224 · Instant reply

Popular Questions

Engr Mejba Ahmed is connected
Engr Mejba Ahmed is typing...
Engr Mejba Ahmed avatar

✉ Want me to follow up? Drop your email

Engr Mejba Ahmed avatar

📞 Connect Directly

Choose how you'd like to reach me

WhatsApp

+880 1723 741224

Email

[email protected]

✓ Details sent! I'll get back to you shortly.

Powered by OpenAI

335+

Blog Posts

25

AI Courses

63

Projects

Services & Expertise

Pricing & Process

Learning & Resources

Connect & Support