Fix-now cost
What it would roughly cost to resolve the current backlog now.
Please rotate your phone.
This experience is designed for portrait mode.
AI Product Tools / Design Debt Tracker
Design Debt Tracker
Estimate what your design and UX debt would cost to fix now, what it costs to keep carrying, and how quickly delaying the work becomes more expensive than acting on it.
Debt Backlog — What it costs to fix
Carry Cost — What it costs to delay
Horizon Analysis — 1yr / 2yr / 3yr
Before you start
In this tool, design debt means unresolved UX, accessibility, pattern, and documentation problems that keep costing the team time and money.
Carry cost
What you keep paying every month or year because the debt is still there.
Fix vs carry
The main decision is whether the debt is expensive enough to justify fixing sooner rather than later.
Number of product / feature teams affected by design debt. Enter a value between 1 and 500.
Total FTE designers across all product teams. Enter a value between 1 and 500.
Total FTE front-end engineers who implement and maintain UI components. Enter a value between 1 and 2000.
$
Fully loaded designer hourly cost (salary + benefits + overhead). U.S. enterprise default: ~$85/hr. $
Fully loaded front-end engineer hourly cost. U.S. enterprise default: ~$110/hr. 1 — Deprecated / Outdated Patterns Medium
UI components, patterns, or interactions that no longer match the design language or system, requiring workarounds or duplicate effort.
3 — Medium
% of fix cost added per year if unresolved
2 — Visual Inconsistency Low
Divergent use of color, typography, spacing, iconography, or component variants across surfaces; causes rework and confusion.
2 — Low
% of fix cost added per year if unresolved
3 — Missing or Stale Documentation Low
Undocumented components, outdated specs, missing usage guidelines; increases onboarding time and cross-team errors.
2 — Low
% of fix cost added per year if unresolved
4 — Accessibility Gaps High
Known WCAG failures, missing focus states, poor contrast, unlabeled elements; creates legal risk and excludes users.
4 — High
% of fix cost added per year if unresolved
5 — Design-to-Engineering Drift Medium
Gaps between designed and implemented UI; causes re-review cycles, back-and-forth, and production inconsistency.
3 — Medium
% of fix cost added per year if unresolved
6 — UX Pattern Debt Medium
Outdated flows, confusing navigation patterns, inconsistent interactions that reduce usability and increase support burden.
3 — Medium
% of fix cost added per year if unresolved
0.5
Estimated hours per month lost to workarounds, confusion, or re-review per open debt item. Industry midpoint: 0.3–0.7 hrs. Hours spent re-reviewing, reconciling, or discussing open debt items per quarter.
Additional hours attributed to design debt during new hire onboarding (learning workarounds, undocumented patterns).
Designers + engineers onboarding per year into affected product surfaces.
$
Annual support tickets, escalations, and workaround requests attributable to UX debt (customer-facing or internal tooling). 5%
Estimated annual probability of receiving an ADA / WCAG legal complaint or lawsuit. UsableNet data: U.S. avg ~3–8% for mid-market web products. $
Total expected cost if an accessibility legal action proceeds — legal fees, settlement, remediation under order. Industry range: $50k–$250k+. 10%
Estimated % of designers who may leave annually partly due to frustration with unresolved design debt, tooling gaps, or inconsistent systems. Standard HR estimate: recruiting, onboarding, and ramp time cost 30–75% of annual salary. Default: 50%.
$
0.5%
Estimated % of annual revenue at risk from UX debt — churn driven by poor UX, lost conversions from confusing flows, or accessibility-excluded users. Conservative default: 0.3–1%. $
Results
Design debt analysis & remediation business case
Debt Overview
Estimated fix-now cost
—
Cost to resolve all debt items now
Debt pressure score
—
— overall pressure level
Total Debt Items
—
Across 6 categories
Weighted Severity
—
Average across all items (1–5 scale)
Break-Even Point
—
Months until carry cost equals fix-now cost
Avg Debt Growth Rate
—
Weighted by fix cost across categories
Debt by Category
Deprecated / Outdated Patterns Medium
Items —
Fix cost —
Annual interest —
Visual Inconsistency Low
Items —
Fix cost —
Annual interest —
Missing or Stale Documentation Low
Items —
Fix cost —
Annual interest —
Accessibility Gaps High
Items —
Fix cost —
Annual interest —
Design-to-Engineering Drift Medium
Items —
Fix cost —
Annual interest —
UX Pattern Debt Medium
Items —
Fix cost —
Annual interest —
Annual Carry Cost Breakdown
Annual debt growth
—
Annual compounding cost across all categories
Productivity Drag
—
Hours lost to workarounds & re-review
Review Overhead
—
Quarterly reconciliation cycles
Onboarding Cost
—
Debt ramp time for new hires
Support & escalations
—
Annual support costs attributed to UX debt
Total Annual Carry Cost
—
What you pay every year to NOT fix the debt
Risk Costs
Probabilistic risk exposure modeled annually. Visible in Advanced mode only.
Legal Risk (Accessibility)
—
Litigation cost × annual probability
Designer Churn Cost
—
Replacement cost × churn probability × headcount
Revenue Risk
—
Annual revenue × % at risk from UX debt
Total Annual Risk Cost
—
Horizon Analysis
Debt compounds over time. Delaying remediation increases both the fix cost and total carry cost. The horizon active in the controls bar is highlighted.
Year 1
Fix cost (if delayed 1yr) —
Cumulative carry cost —
Total if you wait —
Savings from acting now
—
Year 2
Fix cost (if delayed 2yr) —
Cumulative carry cost —
Total if you wait —
Savings from acting now
—
Year 3
Fix cost (if delayed 3yr) —
Cumulative carry cost —
Total if you wait —
Savings from acting now
—
Category Priority Ranking
Categories ranked by combined severity × interest rate × fix cost. Address high-ranked categories first for maximum ROI on remediation investment.
- Loading…
Important: These results are directional estimates based on the inputs you provided. They are not financial projections or audited figures.
Actual cost will vary based on team size, organizational maturity, engineering stack, and market conditions.
Validate with your finance and operations stakeholders before executive presentation.
Methodology
This tracker uses a compound interest model for design debt — the same conceptual framework applied to technical debt — to quantify both the current cost to remediate and the escalating cost of deferral.
What is design debt?
Design debt is the accumulated cost of shortcuts, inconsistencies, outdated patterns, missing documentation, and deferred UX improvements that slow teams and degrade product quality over time. Like financial debt, it carries an "interest rate" — the longer it goes unresolved, the more expensive it becomes.
The term was adapted from Martin Fowler's Technical Debt Quadrant, which distinguishes debt incurred deliberately (shortcuts taken knowingly) from debt incurred inadvertently (poor practices or changing standards). Both types compound over time.
How the annual interest model works
Each debt category has an annual interest rate — the percentage of its fix cost that accrues each year the debt remains unresolved. This models the real-world dynamic where:
- Outdated patterns spread into new surfaces as teams copy existing (broken) implementations
- Documentation gaps widen as components evolve without updates
- Accessibility gaps accumulate legal exposure and technical complexity
- Visual inconsistency entrenches itself as more teams build against inconsistent foundations
weighted_hourly_rate = ((designers × designer_rate) + (engineers × engineer_rate)) ÷ (designers + engineers)
fix_cost_category = item_count × fix_hours_per_item × weighted_hourly_rate
annual_interest_cost = fix_cost × annual_interest_rate
weighted_avg_interest = Σ(fix_cost × interest_rate) / total_fix_cost
How productivity drag is estimated
Productivity drag models the ongoing monthly cost of debt that isn't interest — it's the friction that already-present debt introduces every month: workarounds, re-reviews, confusion about which component to use, debugging inconsistencies, and explaining undocumented patterns to teammates.
monthly_drag = total_items × drag_hours_per_item_per_month × weighted_hourly_rate × product_teams
annual_productivity_drag = monthly_drag × 12
What carry cost includes
The total annual carry cost is the sum of five components:
- Debt interest: Compounding cost based on each category's annual interest rate
- Productivity drag: Monthly friction cost across all open debt items
- Review overhead: Quarterly effort spent managing and reconciling open debt
- Onboarding cost: Extra ramp time for new hires attributed to undocumented or inconsistent patterns
- Support / escalations: Annual cost of user-facing issues, tickets, or internal escalations driven by UX debt
Risk costs (legal, churn, revenue) are modeled separately in Advanced mode and are intentionally not rolled into the base carry cost, so you can present a conservative base case and a risk-adjusted case separately.
How the break-even calculation works
Break-even answers the question: at what point does the cost of inaction exceed the cost of action? It divides the current fix cost by the monthly carry rate:
breakeven_months = total_fix_cost / (total_annual_carry_cost / 12)
A break-even of 6 months means that within 6 months, you will have paid more in carry costs than you would have spent fixing the debt today. Every month beyond break-even is pure waste.
Horizon analysis and compounding
The horizon analysis models what happens if you delay remediation. Fix costs grow each year at the weighted average interest rate — because debt items spread, deepen, or become harder to fix as the product evolves around them.
fix_cost_year_N = total_fix_cost × (1 + weighted_avg_interest)^N
interest_year_n = total_fix_cost × (1 + weighted_avg_interest)^(n−1) × weighted_avg_interest
cumulative_carry_cost_Nyr = (non_interest_annual_carry × N) + Σ(interest_year_n)
savings_from_acting_now = (carry_cost_N + fix_cost_year_N) − total_fix_cost_today
This models why early remediation has compounding ROI: the fix cost you avoid today is not just the current fix cost — it's the current fix cost plus interest plus carry costs for the entire deferral period.
Why this model is conservative
This model does not include:
- Revenue impact of poor UX (unless you enter it in Advanced mode)
- Team morale and engagement costs from working in a degraded system
- Brand perception and customer trust erosion from visual inconsistency
- Speed-to-market delays from design system uncertainty
- Opportunity cost of design time spent on workarounds vs. innovation
All of these are real costs. Omitting them makes this a conservative, defensible baseline — not a ceiling.
Sources & Disclaimer
This tracker was built using publicly available research, industry practitioner frameworks, and published data on design consistency costs, accessibility liability, and team productivity. Default values are derived from or informed by:
- Martin Fowler — Technical Debt Quadrant Fowler's 2009 framework distinguishing deliberate vs. inadvertent debt, and reckless vs. prudent debt, provides the conceptual model for categorizing design debt. The "interest rate" metaphor for unresolved debt is adapted from this framework. Design debt behaves like technical debt: it compounds and makes future work harder.
- Nielsen Norman Group — Design Consistency Studies NN/g research on the cost of inconsistency, rework cycles, and the productivity impact of undocumented design patterns informs the productivity drag and review overhead defaults. NN/g survey data suggests designers spend 20–40% of their time on rework or workarounds in organizations with poor design system governance.
- Forrester — The Business Value of Design (2018, 2022) Forrester's Total Economic Impact studies for design tools and design systems provide benchmarks for design-to-development consistency savings, review cycle reduction, and onboarding acceleration — all of which are worsened by unresolved design debt.
- Design Systems Slack / Knapsack DS Survey — Annual Reports Community survey data on time lost to design inconsistency, component duplication, and undocumented patterns across enterprise product orgs. These surveys consistently find that organizations without mature design systems lose 20–35% of design and engineering time to debt-related rework.
- UsableNet — Accessibility Lawsuit Report (Annual) UsableNet's annual report on ADA web accessibility lawsuits provides the basis for the legal risk probability defaults. The report consistently documents 3,000–4,000 U.S. federal accessibility lawsuits per year, with mid-market settlement and remediation costs typically ranging from $50k–$300k.
- WCAG 2.1 / 2.2 — W3C Accessibility Standards The Web Content Accessibility Guidelines define the compliance standard against which accessibility gaps are measured. Unresolved WCAG failures represent the highest-interest design debt in this model due to their legal exposure and user exclusion impact.
- SHRM / Gallup — Cost of Employee Turnover Human resources benchmarks for the cost of replacing a knowledge worker. Standard industry estimates place replacement cost at 30–75% of annual salary when accounting for recruiting, onboarding, and productivity ramp. The 50% default in this tracker reflects the midpoint of that range.
Important Disclaimer. This tool is a directional planning aid for business-case preparation and
strategic conversations. It is not a financial model, audit, or guarantee of specific outcomes.
Results depend entirely on the inputs you provide.
All benchmark defaults are approximate industry midpoints derived from published research. Your organization's actual results may be higher or lower depending on team size, current-state maturity, product complexity, and organizational culture.
This tool does not collect, store, or transmit any of your data. All calculations happen locally in your browser. Inputs are stored only in your browser's local storage and are never sent to any server.
Always validate outputs with your finance, engineering, and operations stakeholders before executive presentation. This tool is provided free of charge and without warranty, express or implied.
All benchmark defaults are approximate industry midpoints derived from published research. Your organization's actual results may be higher or lower depending on team size, current-state maturity, product complexity, and organizational culture.
This tool does not collect, store, or transmit any of your data. All calculations happen locally in your browser. Inputs are stored only in your browser's local storage and are never sent to any server.
Always validate outputs with your finance, engineering, and operations stakeholders before executive presentation. This tool is provided free of charge and without warranty, express or implied.