Role
Design Systems Lead
Duration
6 months
Year
2024
Tools
Figma, Cursor, AI Studio, Storybook
Built a design system where components are generated and contextually adapted by AI based on brand context, content density, and user intent — reducing manual design effort by over half.
The Problem
Traditional design systems require constant manual maintenance and fail to adapt to diverse brand requirements at scale. Every new brand meant weeks of token overrides and component forking.
Process
Audit
Analysed 5 existing design systems. Catalogued the 80 most-duplicated patterns and identified the 12 highest-friction customisation points.
Grammar Design
Defined an AI generation grammar — a structured language for describing UI intent that the model could reliably translate into component props.
Token Architecture
Designed a 4-tier token system: global → semantic → component → override. Built automated token sync between Figma variables and code.
Documentation
Wrote component API docs, usage guidelines, and AI prompt templates. Ran internal workshops with 12 teams.
Outcomes
Get yourself a laptop, please.
Contact