Lazulli Design System

Lazuli is the BCJ Design System — a living ecosystem of components, tokens, and documentation built to unify every digital product in the company. It was designed, maintained, and handed off using Figma MCP, Cursor, and Storybook.

Client

BCJ Financial Services

Timeline

9 Weeks

Role

Product Designer

Skills

Design System

Design Ops

Woman showcasing beauty product
Serum bottle in hand
Woman showcasing beauty product
Woman applying cream on her face
Beauty products in a beige setting

Results

1. Unified token system covering color, typography, and spacing;

2. Component library documented and shipped via Storybook;

3. Handoff workflow connecting Figma MCP directly to code;

4. Design Ops processes reducing rework across product teams.

Lazuli was built at a strategic moment — when BCJ launched a new brand identity, with a new logo, color palette, and typography. More than a component library, it became the connective tissue between design intent and production code, ensuring every touchpoint carries the same quality, clarity, and consistency at scale.