The problem
I wanted to test whether a design system could hold parity across Figma, tokens, CSS and React without constant manual reconciliation — the failure mode of most systems.
In progress
The final version of this case study — full process, decisions and imagery — is in the works. What's below is a short preview.
Photography Platform
FrameFlow — a photography platform built end to end on a strict design token pipeline.
Photography
The approach
Every visual value travelled one path: Figma variable, DTCG token, CSS custom property, CSS Module. Component tokens added a layer of indirection so retargeting a value never touched component code.
The outcome
Changing the navigation blur from 15px to 8px was a single alias edit with zero React changes. That one moment justified the whole architecture.