20.10 · Token economics & ROI — chi phí, AI budget, decision framework

Mở đầu: Uber CTO ran out trong 3 tháng

Uber CTO mentioned trong public talk: họ ran out of AI development budget trong 3-4 tháng từ budget cả năm. AI tokens are not cheap. Even Uber.

Và Vaibhav Sisinty:

I built just two brands for testing and used almost 77% of my monthly usage on the Pro plan.

77%. Hai brand. Trong vài ngày.

Nếu Uber ran out + Vaibhav 77% với 2 brand, designer freelance bạn nghĩ Pro plan cover được gì? Câu trả lời thật: không nhiều như bạn tưởng.

Token economics trong AI design là thực, không phải metaphor. Designer + agency + enterprise đang vật lộn với:

• "Budget AI cho team mỗi tháng là gì? 200 USD? 500 USD? 2000 USD?"
• "Khi nào dùng Claude Design, khi nào về Figma free?"
• "Làm sao justify cost cho sếp đã reject plug-in $15/seat?"

Bài này dạy bạn:

1. Cấu trúc cost thực
2. Decision framework
3. Cách tiết kiệm
4. Cách pitch budget

Đây là bài kinh tế, không phải tutorial. Đọc kỹ — đây là khác biệt giữa designer dùng tool profitable và designer bị tool drain.

Token economics — Cấu trúc

Plan tier (2026)

Burn rate — Token per action

Đây là estimate từ designer community sau 2-3 tháng đầu Claude Design launch:

Realistic monthly consumption

Profile A: Freelance designer (Pro $20/mo)

→ Đủ Pro plan với buffer 20% cho experiment. Vừa khít.

Profile B: In-house product designer (Pro $20/mo)

→ Đủ Pro plan vừa khít. Hết tháng 25-28 thường near limit.

Profile C: Agency creative director (Max $200/mo)

→ Max plan KHÔNG đủ cho agency 5 client. Cần Enterprise hoặc throttle workflow.

Decision framework — Claude Design vs alternatives

Đây là cốt lõi bài này. Khi nào Claude Design ROI dương? Khi nào dùng tool khác?

Decision tree

                    Task design mới
                          │
                          ▼
              Có cần thay đổi quickly?
                  ┌───────┴───────┐
                  ▼               ▼
                YES              NO
                  │               │
                  ▼               ▼
        Đã có brand /        Production-grade
        design system?       cần?
        ┌─────┴─────┐        ┌────┴────┐
        ▼           ▼        ▼         ▼
      YES          NO       NO        YES
        │           │        │         │
        ▼           ▼        ▼         ▼
    ┌──────┐   ┌──────┐  ┌──────┐  ┌──────────┐
    │CLAUDE│   │SYNTH │  │CLAUDE│  │FIGMA /   │
    │DESIGN│   │first │  │DESIGN│  │WEBFLOW / │
    │+ DS  │   │(B5)  │  │ MVP  │  │FRAMER    │
    └──────┘   └──────┘  └──────┘  └──────────┘

Use case quick lookup

Hybrid workflow là default

Most pro designers settle vào hybrid:

EXPLORATION + IDEATION → Claude Design (fast, cheap, exploratory)
       ↓
PICK DIRECTION
       ↓
PRODUCTION CRAFT → Figma / Webflow / Framer
       ↓
HAND-OFF (Bài 9) → từ Claude Design hoặc bypass

Ratio time:

• 30% time Claude Design (exploration, first draft, slide, MVP)
• 70% time Figma/Webflow/Framer (production, refinement, ship)

Cost ratio:

• $20 Pro Claude Design + $15 Figma = $35/mo
• ROI: ~30 prototype/month vs trước AI 10 prototype/month
• 3x productivity với +$20/mo cost.

Cách tiết kiệm token — Best practices

Practice 1: Batch comment (Bài 4 nhắc lại)

Mỗi Send batch = 1 token round. 8 comment send 8 lần = 8x cost so với 1 batch.

Save: ~50-70% trên iteration phase.

Practice 2: Reuse design system

1 design system audit = 15-25%. Nhưng mọi prototype sau = -50% token (system đã cached).

Save: ~50% trên 5+ prototype trong cùng project.

Practice 3: Tweaks first, AI second

Mở Tweaks panel trước mỗi comment. Slider tốn 0 token.

30-50% thay đổi visual giải quyết bằng slider mà bạn nghĩ phải AI.

Save: ~25-30% per iteration round.

Practice 4: Edit > Comment cho local fix

Single text typo / single property change → Edit (token thấp) thay vì Comment (token medium).

Save: ~80% cost cho local fix.

Practice 5: Re-prompt > iterate khi concept sai

Concept đi sai hướng → 5 round comment fix concept = 5x token. 1 round re-prompt với context tốt hơn = 1x token, output đúng.

Save: ~80% cost khi gặp scenario này.

Practice 6: Trim Figma trước upload

100 pages → 30 pages (component library + style guide chỉ) → audit 30% cost.

Save: ~70% cost design system audit.

Practice 7: Cache result với "Recipe doc"

Tạo prototype tốt → save prompt + answers + tweaks. Lần sau muốn tương tự → reuse recipe → 1 round generate đúng ý ngay.

Save: ~60% cost cho similar prototype.

Practice 8: Skip video mode cho exploration

Video chỉ cho launch event. Đừng explore video idea daily.

Save: ~20-30% Pro plan/tháng nếu disciplined.

Practice 9: Question Claude khi unsure

Trước hand-off cost-heavy (Path ① hoặc ②), comment:

What's the estimated token cost cho push này? Có cách nào nhẹ hơn không?

Claude estimate. Bạn decide.

Practice 10: Monthly review token usage

Cuối tháng: check usage stats. Spot waste:

• Round comment lặp đi lặp lại 1 issue → workflow vấn đề
• Generate video > 1 lần / tháng → cost waste
• Re-audit design system nhiều lần → trim Figma source

15 phút monthly review → save 10-20% next month.

Pitch AI design budget — Business case

Tình huống: Sếp / agency owner đã reject Figma plug-in $15/seat

Kirk @UI Collective: "Tôi work với client design team xin plugin $15/month/seat — bị reject 'too expensive for design team'. Bây giờ họ phải pitch $200/month/seat Claude Pro?"

Khó. Nhưng có cách. Đây là framework.

Framework: ROI calculation

ROI = (Saving + Revenue increase) / Cost

Saving:

• Time designer save: ___ hours/month × hourly rate
• External cost replaced: brand designer fee, motion designer fee, ...
• Subscription consolidate: replace tools đang dùng

Revenue increase:

• More client/project capacity (agency)
• Faster validation cycle (in-house product)
• Faster pitch turnaround (sales)

Cost:

• Claude Pro/Max subscription per seat
• Setup time

Example pitch — Freelance to "boss" (chính bạn)

ROI = (40 hours saved × $50/hr + brand designer fee saved $1500)
       / Claude Pro $20

ROI = ($2000 + $1500) / $20 = 175x

Investment: $20/month
Return: $3500/month value

Boss reaction: "Why are you asking?"

Example pitch — Agency creative director to founder

Current: 5 designers × Figma $15/seat = $75/month
Proposed: + 5 × Claude Pro $20/seat = $100/month
Total tool cost: $75 + $100 = $175/month

Saving:
- Each designer save 30% time = 10 hours/month
- 5 designers × 10 hours × $80/hr (agency rate) = $4000/month value
- External brand designer fee saved (3 client/year × $5000) = $15k/year = $1250/mo

Revenue increase:
- More client capacity 30% × $200k/year revenue = $60k/year = $5000/mo

ROI = ($4000 + $1250 + $5000) / $100 = 102x

Investment: +$100/mo
Return: $10250/mo value
Payback period: 0.3 days

Founder phản hồi: "Approved. Why didn't you ask sooner?"

Example pitch — In-house designer to design lead

Current: 8 designers × Figma $15/seat = $120/month

Proposed: + 2 senior designers × Claude Pro $20 = $40/month
(rest of team test free tier first)

Total: $120 + $40 = $160/month

Saving on design lead time:
- Lead spends 30% time on "PM choose mockup" iteration
- Reduce 50% with Claude Design first draft
- Lead hourly rate $120/hr × 15% saving × 160 hr/month = $2880/mo

Other:
- Onboarding new designer: Figma 1 week → with Claude Design 2-3 days
- 2 new hires/year × 4 days × $400 = $3200/year = $267/mo

ROI = ($2880 + $267) / $40 = 78x

Investment: +$40/mo
Return: $3147/mo value

Design lead: "Pilot 2 designers cho 1 quý, đo metric. Nếu numbers correct, scale full team."

Counter-arguments + responses

Ví dụ theo ngành / Case studies

Freelance designer — solo budget Pro

Setup:

• $20/mo Claude Pro
• Free Figma personal

Monthly workflow:

• Pitch mockup variants (3-5 client/month) — Claude Design
• Production deliverable — Figma
• Sales page MVP — Claude Design HTML

Numbers:

• Pitch effort: 4 giờ → 1 giờ/client = save 12 giờ/month × $50/hr = $600 saving
• Pitch close rate: 30% → 50% (more variant explore) = +1 client/month ≈ $2000
• Cost: $20

ROI: 130x. No-brainer.

In-house product designer — pilot before company plan

Setup:

• 1 designer pilot $20 Pro (cá nhân)
• 3 tháng đo metric
• Sau quý: pitch full team

Pilot metrics:

• Spec → mockup time: 4 giờ → 1.5 giờ
• PM choose cycle: 2 days → 4 hours
• Round revise: 3 → 1.5

Pitch full team:

• Save design lead 30% time / month
• Onboard new designer 50% faster
• Approved: 4 designer × $20 Pro = $80/mo. ROI calculated.

Agency owner — brand new account budget

Setup:

• Existing tools: Figma $15 × 8 seat = $120
• Add: Claude Max $200/mo (1 senior design lead) + 4 × Pro $20 = $80
• Total new: $400/mo

Monthly:

• Pitch new client: 5 → 8 client (60% more capacity)
• Avg client revenue: $5k → $40k/mo additional
• Cost increase: $400/mo

ROI: 100x. Owner reaction: "Can we pre-pay annual?"

Founder solo — bootstrap budget

Setup:

• $20 Pro Claude
• $14 Webflow Lite (for production landing CMS)
• Free Figma personal
• Total: $34/mo

Monthly:

• Brand identity DIY (Bài 5): replace ₹1-3 lakh = ₹100k saving cycle launch
• Landing page MVP: replace dev hire = $2k saving
• Pitch deck: replace designer = $1k saving

ROI: cycle launch saving > 3 năm subscription cost. Founder ship sản phẩm sớm hơn 6 tuần. Time to market = competitive advantage.

Prompt template — Token-saving comment

Template TS-1: "Concise mode" instruction

[Add to project setup or first prompt]

Concise mode: respond with minimum tokens. Skip long explanations.
Direct answer. Numbered list when applicable. No "Sure!" or "Great
question!".

Template TS-2: Batch comment với scope rõ

Batch 5 changes — apply ALL in 1 round:
1. [Specific change 1 với location]
2. [Change 2]
3. [Change 3]
4. [Change 4]
5. [Change 5]

Don't ask clarifying questions — apply best judgment với existing
context. If something blocked, list blocker briefly + apply rest.

Template TS-3: "Reuse cached" instruction

Use existing design system "[name]" — do not re-audit. Apply directly.
For new components needed, create variants từ existing tokens, không
generate fresh styles.

Template TS-4: Estimate cost trước hand-off

Estimate token cost cho task: [task description].
Compare:
- Option A: [approach 1]
- Option B: [approach 2]
- Option C: [approach 3]

Recommend lowest-cost option meeting quality bar.

Anti-patterns — Sai lầm tốn token

Generate video cho daily content

Đã nói Bài 8. Repeat: video 5-10% Pro plan/clip. Daily = budget death.

Re-generate full prototype mỗi minor change

"Change hero color to red" → re-generate everything.

Cách đúng: Edit single element. Token 0.1-0.5% thay vì 5%.

Audit design system mỗi prototype

Project mới = audit lại design system mỗi lần.

Cách đúng: Publish design system 1 lần. Apply cho mọi project. Audit chỉ khi update.

Long-form prompt với edge case detail

Prompt 500 từ với 30 edge case cần handle.

Cách đúng: Concise prompt. Edge case xử lý sau qua iteration. Token ban đầu thấp.

Không monitor token usage

Cuối tháng surprise "đã hết quota".

Cách đúng: Weekly check usage dashboard. Spot trend. Adjust workflow.

Skip Tweaks panel, AI ngay

5-10 thay đổi visual mà slider giải quyết được → bypass slider, prompt AI.

Cách đúng: Tweaks first principle (Bài 4). Save 25-30% per iteration.

Mẹo nâng cao

Mẹo 1: Multi-account strategy cho agency

Agency 5 designer:

• 1 Max account ($200) shared cho heavy work (design system audit, brand synthesis, video)
• 4 Pro accounts ($20 each = $80) cho daily prototype + iteration
• Total: $280/mo cho 5 seat hiệu quả

vs 5 × Max ($1000) — Save $720/mo.

Mẹo 2: Token "savings account"

Tháng nào dưới 80% usage → khen bản thân. Tháng nào > 95% → review workflow.

Maintain "token bank" mental: tháng dư thì có thể explore experiment tháng sau.

Mẹo 3: Pre-purchase Annual = saving 15-20%

Annual plan thường discount 15-20%. Nếu confirmed long-term use → annual save tiền.

Pro: $20/mo × 12 = $240. Annual: ~$200. Save $40. Max: $200/mo × 12 = $2400. Annual: ~$2000. Save $400.

Mẹo 4: "Claude Design budget" như "design plug-in budget" pre-AI

Trước AI, design team có quota tools/plug-in budget ($30-50/seat/month). AI design = same logic — quota fixed, designer work within.

Pitch sếp: "Đây là tool plugin tier giống Figma plug-in. $20-200/seat. Approve theo seniority."

Mẹo 5: Track ROI hàng quarter

Quarterly review:

• Time saved (designer log + estimate)
• Revenue change (agency: more client; in-house: faster shipping)
• Cost (subscription)
• ROI

Share number với team / sếp. Continued investment = data justified.

Áp dụng ngay

Bài tập 1: Tính budget cá nhân (~15 phút)

Bước 1 — Profile:

Bước 2 — Estimate token consumption:

Bước 3 — Plan fit?

• Total < 80%: Pro đủ
• 80-130%: Pro hơi gấp, monitor; consider Max
• > 130%: Max recommended

Bước 4 — ROI calculation:

Saving = ___ hours/month × $ ___/hr = $___
Revenue increase = $___/month
Cost = $20 (Pro) hoặc $200 (Max)
ROI = (Saving + Revenue) / Cost = ___ x

Bài tập 2 (advanced): Pitch deck "AI design budget" cho sếp/team (~30 phút)

Setup: Bạn pitch upgrade Pro cho team / sếp / cofounder.

Bước 1 — Number current state:

• Team size: ___
• Current tool spend: $___
• Designer hourly cost: $___
• Hours/month design work: ___

Bước 2 — Number proposed state:

• Plan upgrade: Pro × ___ seat = $___/mo
• Estimated time saving: ___% per designer
• Capacity increase: ___% more project / shipping

Bước 3 — ROI:

Time saving value = ___ hours × $___/hr = $___
Capacity increase value = $___/month
Cost = $___/month
ROI = ___ x

Bước 4 — Pitch document:

Viết 1-page memo:

• Problem (current bottleneck)
• Proposal (Claude Design plan)
• ROI (numbers)
• Pilot plan (start small, measure, scale)
• Counter-argument addressed

Send sếp / team. Note response.

Tóm tắt bài học

Tài liệu tham khảo

• Claude pricing page
• Kirk @UI Collective — Claude Design: The Complete Guide — Uber CTO anecdote, designer budget reality
• Vaibhav Sisinty — Nobody Is Ready For What Claude Just Launched — 77% Pro plan after 2 brands
• Lean Startup — Eric Ries (sách classic ROI mindset cho experiment-driven decision)

Câu hỏi để giữ tinh thần đúng: bạn đang đầu tư token vào value hay đang burn cho fun? 1 video exploration là OK. 5 video/week là vấn đề. Designer disciplined dùng tool có ROI rõ. Designer addicted dùng tool tốn money không tạo value. Sự khác biệt là kỷ luật cá nhân, không phải tool.