Content Preview tool
An internal tool that lets each market’s team preview content before approving it
Car insurance is a highly market-specific product. Every market and partner wants different selling points and different rules. But they all asked the same question: how will this actually look in the Volvo Cars app?
Instead of writing better docs, I built a tool within a day using Figma make that let market reps type in content and see it rendered exactly as it would appear in the app, translation and character limits included.
My role
Product builder
Expertise
Internal tool, AI workflow
Year
2026
Kill the back and forth
Content requirement used to live in documentation: character limits, translation rules, layout constraints. Nobody read it. Market reps still asked the same three questions: How does this look in the app? Why can't my headline be longer? What happens after translation?
With the help of this internal tool, the rules stop being something to explain. They become something you just see.
Select the right tool
Visual fidelity was the whole point. MCP wasn't ready yet, and GitHub Copilot could only generate the logic, but not a visual result good enough to trust.
So I used Figma Make instead: it’s free, and it gave me direct control over how the output looked, not just whether it worked.
What should, or shouldn’t be built?
As we improve the workflow further, direct exporting the content to Notion is the next step.
However, one thing I deliberately didn't ship: a "save as screenshot" button. On the web, a screenshot depends on the browser and the fonts installed on that computer, so it could easily diverge from the real in-app experience. I left it out rather than ship something that could diverge from the visual fidelity.