UI Library (Platform)

Visuals / Docs / Figma

Our Product Design teams were consistently arriving to design reviews with UI that couldn’t be built as designed. Designers felt discouraged, PMs were artificially impressed by visuals, and developers were left trying to “get close” without a clear path to implementation. This disconnect was largely the result of a major tooling transition—our design org had shifted from Sketch to Figma just as the React-based Canvas Design System kit was being introduced, creating a gap between what was being designed and what could realistically be developed.


image




While the documentation and planning had been kicked off, a peer of mine jumped into the project and assisted with the merge of individsual components that could directly be translated back from the Canvas kit. Together we assembled a Generated UI Library (Legacy Tooling Only) and a Bespoke UI Library (Platform supported components consuming our Design System).
image