Design Systems

Auditing and Scaling a Design System for Enterprise SaaS

How we reduced inconsistency while enabling faster product iteration.

Nutshell Labs

2 min

Yes

Nutshell DS Thumbnail

Product Ownership

Design System

Overview

Context

As Nutshell Labs scaled its product offerings, the design system had grown organically, resulting in duplicated components and inconsistent patterns across teams.

My Role

I led design system audits and consolidation efforts in partnership with product and engineering.

The System Problem

What wasn’t working

  • Duplicated components across files

  • Inconsistent naming and usage

  • Limited documentation

  • Friction during design–dev handoff

The system was functional, but no longer scalable. The challenge was to improve consistency and efficiency without disrupting active product work.

Problem Image - Nutshell

Consolidation & System Decisions

I consolidated components into a centralized, shareable Figma library.

Key system decisions
1. Audit before expanding
→ Consolidated overlapping components before introducing anything new.

2. Prioritize scalability over completeness
→ Focused on high-usage components instead of full coverage.

3. Evolve foundations, not one-offs
→ Extended tokens (spacing, type scale, shadows) to support new SaaS complexity.

4. Align with proven patterns
→ I referenced established systems such as Polaris, Mews, and Vibe to guide naming conventions, component structure, and documentation standards.

System Artifacts

Artifacts Image 1 - Nutshell

Organism consolidation example

Artifacts Image 2 - Nutshell

Component consolidation example

Cross-Functional Rollout

Changes were coordinated with product and engineering, separating quick wins from longer-term updates to avoid blocking delivery.

Impact on Team & Product

  • Reduced component duplication and inconsistency

  • Improved design efficiency across product work

  • Clearer expectations during design–dev handoff

  • A more maintainable system aligned with product complexity

The design system shifted from a passive asset to an active tool supporting scale.

Reflection

This work reinforced that design systems are less about visual consistency and more about decision-making. In a startup environment, the most effective systems evolve incrementally, by knowing when to expand, when to consolidate, and when to leave things untouched.

Editor's Picks

Nutshell DS Thumbnail

Auditing and Scaling a Design System for Enterprise SaaS

How we reduced inconsistency while enabling faster product iteration.

I Fly Young Thumbnail

End-to-End Website Redesigns with Ownership

Led end-to-end website redesigns for client organizations, owning projects from discovery through MVP launch while coordinating design, development, and research to deliver on time and at quality.

© Emily Bai · Product Design Portfolio

© Emily Bai · Product Design Portfolio

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