Azion Design System

prj_2021 // 004

Figma, Design Tokens, Zeroheight, Component Architecture, Roboto Typography, Semantic Color System, Iconography, Figma Plugins

A custom design system implemented gradually — enabling Azion to ship consistently without forcing a jarring visual break on existing customers.

prj_2021 // 004

Challenge

Multiple product teams were building inconsistent UI patterns across the RTM platform, with no shared design language or component library.

Solution

Established token-based foundations with 40+ documented components, creating the architectural groundwork that directly informed the Console Kit rebuild.

Results

40+

Documented components

Token-based

Semantic design foundations

No customer ever woke up to a different-looking product. The system arrived one component at a time, and the console was later rebuilt on top of it.

Global Tokens — Figma

Global Tokens — Figma

RTM Components — Handoff

RTM Components — Handoff

Project

Azion Design System

Client & Role

Design Director

Year

2021

Technologies

Figma, Design Tokens, Zeroheight, Component Architecture, Roboto Typography, Semantic Color System, Iconography, Figma Plugins