Richard Griner
← back
2026
Ongoing

Afi Design System Building design infrastructure for a fintech consultancy

Afi ships white-label fintech products to banks. I'm the only designer. The brief: a system that gets sharper with every client, not slower. We built it — three-tier tokens in Figma, one repo where designers, developers, and AI agents read the same files, an inspector that exposes the token behind every UI element so developers code against the same variables the design uses, and a feedback tool that pins comments to the design instead of losing them in chat. Each rollout teaches the system. AI is how the next one starts where the last one ended.

Role: Design Systems Lead

Contribution: Design systems, Token architecture, Component library, AI tooling, White-label strategy

Playground — try the live componentv1, live with our first banks. Click around to see how the tokens drive every state. The full app is password-protected — email richardgrinerdesigns@gmail.com for a walkthrough.
component
Token ArchitectureThree tiers — primitive, semantic, component — so a brand change happens at the token, not in twenty files.

More case studies