Case study

SAP Build Apps Design System

Built and governed an enterprise design system for SAP's low-code platform, unifying Figma and React/TypeScript across 300+ practitioners.

design systemsEnterpriseDesign SystemReact/TSFigmaGovernance

Live site Full case study on Digitaltableteur

Estimated reading time

Key metrics

Components shipped

Figma + React/TS

100+

Practitioners served

developers and designers

300+

Platform coverage

Figma and React/TypeScript

Dual

Outcome

Scaled component library to 100+ production-ready components with full Figma-React parity
Enabled 300+ developers and designers to ship consistent UI without design-engineering handoff friction
Reduced component onboarding time through versioned APIs and integrated documentation

Role and scope

Design System Lead - Architecture, governance, dual-platform implementation

Constraints

Enterprise-scale coordination across global teams
Low-code platform requirements (composability constraints)
Dual implementation mandate (Figma + React/TypeScript)
Existing design debt from multiple acquisition integrations
Strict accessibility and internationalization requirements

Top decisions

Component contract-first development (API before implementation)
Semantic token architecture for theming portability
Figma-React synchronization through shared design tokens
Versioned releases with deprecation windows
Documentation as shipping requirement

Confidential details redacted where required.

Next step

If this looks like your situation, tell me what you're shipping and I'll tell you what I would do first.

Contact Work with me