Case Study · Design System
Public · Live Figma
One system. Seven teams. Zero broken instances.
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 →
01 · The Shift
Seven silos → one source of truth
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
Run like a library
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 as a token swap
Button⇄Button
brand/primary
#3B4048→#FFCE00
Change one token · every screen follows · 1 release, 0 redesigns
Same token layer later shipped dark mode.
05 · Tokens
The tokens, made clickable
Tap any swatch to copy its value.
Primary
Neutrals
Signal
06 · 2026
Built before AI. Legible to AI.
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 →
07 · Impact
What the system bought
100%library adoption
7 → 1consolidated
1 swapfull rebrand
AI-readyby construction