Freelancing sounds flexible—until you hit the small operational gaps no one really talks about. One of mine? Invoices.
Access it here ↗
Why this project exists?
For the longest time, my process was inconsistent. I created invoices in Canva when I needed something visually polished, and more recently, I shifted to Google Sheets for speed and structure. It worked… but never really felt like mine. Every invoice felt like starting from scratch.
Canva-made invoice
GSheet-made invoice
This project started as a simple goal: create a personal invoice generator to remove friction from my workflow.
It also became an exploration of vibe-coding and AI rapid prototyping using Figma Make—seeing how AI can move beyond just outputs and actually help build functional ideas, faster.
The solution
Input Panel
A structured form where I can quickly fill in all necessary invoice details:
Billable to
Payable to
Service items
Bank details
No unnecessary fields—just what I actually use.
Invoice Preview
As I input details, a real-time preview shows exactly how the invoice will look.
This removes the usual guesswork and back-and-forth. I can instantly check if everything is correct before finalizing—something my previous process lacked.
Generate as PDF
With one action, the invoice is exported as a PDF.
The file is automatically named based on the invoice number and saved locally—making it easier to organize and track without extra steps.
My biggest takeaway?
AI is only as good as your clarity.
While using Figma Make, I realized that getting the right output depends heavily on how well you define what you want. Vague inputs lead to vague results. Clear intent leads to surprisingly usable outputs.
Moving forward, I see tools like Figma Make becoming part of my process—not as a replacement for design thinking, but as a way to accelerate it.
For now, this project stands as both:
A practical solution for my freelance work
And a first step into AI-assisted product design
If you enjoyed reading this case study, you can
Check my other projects ↓
Food Ordering App
Startup
Food and Beverage
PWA
UX & UI
User Research
Designed and launched a food ordering app for a food court at Five/NEO, BGC. It lets customers order from multiple CloudEats' in-house brands in one transaction.
KadaKareer Community Forum
Nonprofit
EdTech
Web App
UX & UI
User Research
This forum aims to create interaction within a community consisting of career coaches, young professionals, and students.