Case Study · Design System
Public · Live Figma

A library seven teams could share

Smart Digit — the design system behind Baker Hughes & Sibintek. Built solo, before AI.

RoleDesign System Lead · Solo
BaseMaterial · Storybook
Consumers7 teams · micro-frontends
Live Figma · Component library
Open in Figma →
Smart Digit component library: buttons, labels, status icons, checkboxes, breadcrumbs, data tables, date pickers, toasts, inputs, and brand color tokens
01 · The Shift

Seven silos → one shared library

T1team
T2team
T3team
T4team
T5team
T6team
T7team
Smart Digit Design System

One library · tokens · Storybook

4,853 / 4,853instances
100%adoption
0broken
02 · The System

Material as a floor, not a ceiling

FoundationMaterial DesignPrimitives engineers already knew
Extended for industrial IoT
▤Dense telemetry tables
◆Anomaly & status semantics
⌷Tree navigation
◉Map & asset items
◔Charts from usage
Microcopy rules
03 · Governance

Treat the library as a product

A formal lifecycle, enforced solo across all seven teams.

01

Intake

Request vs. existing library

02

Review

Naming · states · tokens

03

Publish

One release, all teams

04

Deprecate

Migration path, never silent

04 · Proof

A rebrand that shipped through the token layer

Button⇄Button
brand/primary
#3B4048→#FFCE00

Change one token · every screen follows · 1 release, 0 redesigns

Dark mode rendered entirely from token modes: colors, buttons, toasts, type ramp, status labels

Same token layer later shipped dark mode.

05 · Tokens

The tokens, made clickable

Tap any swatch to copy its value.

Primary
Neutrals
Signal
06 · 2020

Built before AI. Structured for AI tools.

Governance and AI-readability are the same discipline.

What an agent needsGovernance already built it
Single source of truth↔100% instance adoption
Semantic naming↔category / component / variant
Machine-readable values↔tokens, not hand-picked hex
Rules to follow↔descriptions & microcopy
Stable contract↔Storybook + deprecation
98variables
477bindings
23components
🤖 AI Context page — scrollView →
AI Context page: token index, component manifest, and a 20-item gap report with resolutions
07 · Impact

What the system bought

100%library adoption
7 → 1consolidated
1 swapfull rebrand
AI-readyby construction