background pattern

Atlas

Internal Design System & Tooling

Role:

Lead Designer & Creative Engineer

Duration:

Ongoing (18 months)

Team:

4 core + 60+ contributors

Challenge

An organization with 14 product teams had massive UI inconsistency and duplicated engineering effort. No shared language between design and code.

orange, red, and blue abstract painting

Approach

Audited 800+ unique components across products; consolidated into 96 primitives

Built design tokens pipeline using Style Dictionary, syncing Figma → web → iOS → Android

Created Figma plugins automating token application and accessibility checks

Established a federated contribution model with RFC process

Engineered a documentation site with live React playgrounds (Storybook + MDX)

Outcome

Engineering velocity up 34% for component-heavy work

Design-to-code parity: >95% across platforms

Onboarding time for new designers/engineers reduced from 3 weeks → 5 days

Atlas became internal product with dedicated leadership funding

Create a free website with Framer, the website builder loved by startups, designers and agencies.