A short case study about how I work with AI

Context : Companion case study to Instant Ownership Check (IOC)

Tools : Figma MCP, Claude Code

Outcome : Production-ready HTML/CSS report, shipped in under three days. The same workflow now ships every report update at Advarisk.

Why this case study exists

Because I want to showcase how I went from a Figma frame to a print-ready PDF report when our frontend developer fell sick the Friday before launch. And how I now use that same workflow every time the data team adds a new field to the report.

The setup

The IOC report is a four-page A4 document banks file in their loan vetting record. It's designed in Figma. It's a legal artifact. It often gets printed on black-and-white laser printers and filed as paper, which makes it more constrained than a normal web page.

I had three goals going in:

• Pull design tokens from Figma directly. Hex values, spacing, typography, all of it. No retyping.
• One self-contained HTML file. No build step, no dependencies, no toolchain. Someone on the engineering team should be able to open it, edit a data object, and ship a new variant.
• Survive black-and-white printing. Every status had to be readable when colour was gone.

The prompt