Axi · 2022–2025 Design System Governance

Axi Design System

Built and maintained a scalable design system across 4 engineering teams in 3 countries — enabling faster product delivery, cross-team alignment, and consistent experiences across all Axi products globally.

Axi
Senior Product Designer
4 Engineering Teams · UK, India, Philippines
iOS · Android · Web · Client Portal
Axi Design System — component library and governance

Overview

Axi's product portfolio spans iOS, Android, Web, and a Client Portal — built by 4 engineering teams across 3 countries. Without a shared design language, teams were rebuilding components independently, creating inconsistencies that slowed delivery and eroded product quality.

I built, maintained, and evolved the Axi Design System to give every team a single source of truth for components, patterns, and interaction standards.

axi.design / overview
Axi Design System — homepage showing component library at a glance

Design system homepage — single source of truth for 4 engineering teams across UK, India, and the Philippines

What the System Covers

axi.design / tokens / colour / semantic
Axi Design System — colour and typography token documentation

Foundation tokens — semantic colour, type scale, and spacing documented with platform-specific values

axi.design / components / trading / order-ticket
Axi Design System — order ticket component with all variants and states

Order ticket component — all variants, states, and interaction specs for web and mobile implementations

axi.design / components / trading / price-ticker
Axi Design System — price ticker and P&L indicator components

Trading-specific components — price tickers, P&L indicators, and candlestick chart wrappers with usage guidelines

Governance

A design system is only as good as its adoption. I established contribution guidelines that allowed product teams to propose new components, documented usage and anti-patterns for every component, and ran regular alignment sessions with engineering leads to ensure design and code stayed in sync.

axi.design / contribute / proposal / new-component
Axi Design System — component contribution workflow and review process

Contribution workflow — structured proposal process for new components, with review, approval, and documentation gates

Outcome

The design system became the backbone of Axi's product development. New features that previously required weeks of design and engineering groundwork could be assembled from existing components in a fraction of the time. Cross-team consistency improved measurably — and when Axi Crypto and the ATP Mobile redesign launched, they were built almost entirely on system components.

trade.axi.com / platform / forex / EURUSD
Axi Design System — system components in production on the ATP Web platform

System in production — ATP Web, ATP Mobile, and Axi Crypto all built from shared design system components

Next case study

GoldPesa Uniswap DApp →

View →