


Project overview
DigiLawyer's product surface — Send Notice, DGSign, Drafting, storefronts — had grown without a shared UI language. Every screen was solving the same button, input, and table problems from scratch, with no consistency between them and no single source of truth designers or engineers could point to. I set out to build one system, end to end: design tokens, documentation, and a real React library engineers could actually install — not a Figma library that drifts from the code the moment it ships.
Project process
Started with the token layer first — primitives to semantic tokens to component tokens, light and dark mode built in from day one, never hardcoded values. Each of the 25 components went through the same pipeline: designed and Figma-verified in both themes, documented on a versioned static site with full variant/size/state matrices, then ported 1:1 into React for engineering. Every change, no matter how small, got a semantic-versioned changelog entry; the system is on v2.53.4 across 50+ tracked releases, not a single unversioned drop. The React port wasn't just a copy — building it in parallel with the docs surfaced real bugs the design-only version had hidden: Dropdown and Tag were silently missing from the package's exports, disabled on Link and DropdownItem changed the cursor but didn't actually stop clicks or navigation, DatePicker's minDate broke after midnight, UploadMedia's drag-and-drop was fully undocumented-but-broken. Fixing those in the React layer made the system correct, not just consistent-looking.
Final result
25/25 components shipped, fully documented (light + dark, Figma-verified), with 1:1 React parity — published as an installable package (@adeshsingh0604/digilawyer-ds via GitHub Packages) with a live Storybook for interactive review. The system is now also the base for a second product's design system (Digitel), proving it holds up as a reusable foundation, not a one-off.
Client Name:
DigiLawyer — BigOh Tech (internal)
Service Offered:
Design Systems
Timeline
9 Weeks
Project Kickoff
May 17, 2026




