Richard Griner
← back
2026

Afi Design System Building design infrastructure for a fintech consultancy

A design team of one, a high project rate, and never enough time to stop and organize. AFI ships white-labeled fintech products for banks and financial institutions — each surface has to feel consistent with the shared system but distinct for the client, which means we're remaking the same product over and over, one brand at a time. The result: scattered docs, inconsistent patterns across clients, and no rulebook keeping the system honest. I came in to change that — architecting a custom token system in Figma, building a unified platform with AI-assisted white-labeling and handoff workflows, and writing internal docs so the whole team can finally move together. The upside of constant remakes: every new client is another pass to sharpen the system. AI is what lets us take every one.

Role: Design Systems Lead

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

Designs are not shown due to client confidentiality.

Unified Design PlatformFiles, agents, and people — converging in one repo.
blue/500primitive
--color-primarysemantic
component
Token ArchitecturePrimitive → semantic → component
Tokens
Brand
Product
Design system complete
Tokens → Brand → ProductThe white-label pipeline: one system, any client. AI moves it faster every cycle.
Santanderactive
BBVA
CaixaBank
Bankinter
White-label at ScaleOne system, any brand — swap the tokens, ship the product.