Design Operations

From Components to Practice

Transforming an ad-hoc practice into a structured, enterprise-scale operation

View Current Storybook Build

Overview

This case study picks up after the work shown in Sparkline Design System. Once Sparkline had shipped and proven itself in production, the focus shifted from building the system to building the team and rhythm behind it: the structure, cadence, and governance needed to run it as a scalable practice rather than a single project. The Design System team had strong technical capability already; what it needed was the operational infrastructure to match it and carry that work across the rest of the organization. My work spanned agile transformation, roadmap authoring, workflow design, governance documentation, and platform restructuring.

Role

Lead Designer

Design Operations

Tools

Figma

Storybook

Jira

Microsoft Teams

01. Context

Two halves of a system.

A great design system is really two systems: the components and tokens that ship in code, and the operating layer that lets the rest of the organization run on them. Building that second half was the next necessary step: the workflow, documentation, and governance that would make the system more accessible, more predictable, and more embedded in how the organization ships product.

02. Roadmap

A North Star for the practice.

My first move was to listen. Conversations with people on the Design System team and across the product organization surfaced a shared desire for more clarity: where the system was headed, how mature it needed to become, and how individual work connected to a bigger picture. I used those findings to author a 5-Stage Design System Ops Roadmap.

The framework gave the team a strategic foundation to operate from. Each stage builds on the last, progressing from structural alignment and operational visibility through cross-team collaboration and tooling evolution to full enterprise integration. It also gave leadership a clear lens for prioritization and a way to track maturity over time.

Phase 1

Structural Alignment & Migration

Demonstrate how Design System work is planned, tracked, and reported.

Goals

  • Set up the Design System planning team in Jira in a Jira-style hierarchy
  • Outline taxonomies, workflows, and intake templates aligned to team operations
  • Transfer existing component roadmap by priority
  • Link Design System building blocks to cross-team dependencies

Outcomes

  • Design System work planned, tracked, and executed in Jira
  • Clear acceptance criteria defined for each work item type
  • Partner teams able to report through Jira
  • Improved leadership reporting and visibility
Phase 2

Operational Visibility & Documentation

Provide a clear source of truth for how the Design System operates and how partners engage with it.

Goals

  • Build out Storybook site for Design System operations
  • Establish separate usage guidelines from operational content
  • Outline working model, review model, and versioning
  • Publish a shared release log
  • Provide cross-functional access to internal process documentation

Outcomes

  • Storybook fully operational for Design System governance
  • Clear separation between component guidance and operational documentation
  • Published contribution, versioning, and intake processes
  • Greater transparency into how Design System work operates
Phase 3

Cross-Team Collaboration & Scale

Make cross-team collaboration with the Design System consistent and predictable.

Goals

  • Work alongside product teams when Design System dependencies exist
  • Participate consistently in planning, refinement, and delivery
  • Provide structured feedback during implementation and integration
  • Apply consistent engagement patterns and expectations across teams

Outcomes

  • Design System team embedded in product delivery workflows
  • Better transparency and feedback across implementation stages
  • Clearer collaboration model between Design System and partner teams
  • Reduced friction from misaligned expectations
Phase 4

Platform & Tooling Evolution

Define a strong direction for tooling, components, and system health.

Goals

  • Review Design System tools, workflows, and configurations across usage
  • Identify duplication, inefficiencies, and structural gaps
  • Establish structures for scalability and long-term adaptability
  • Define indicators to support emerging platforms and technologies

Outcomes

  • Clear view of tooling, components, and system health
  • Platform-level component alignment recommendations
  • Reduced long-term maintenance and structural risk
  • Strategic foundation for future Design System evolution
Phase 5

Enterprise Digital Foundation

Provide a unified foundation for building and sustaining digital experiences across all products.

Goals

  • Establish the Design System as a core dependency for product and platform teams
  • Build organization-wide capacity to absorb patterns and onboard to the system
  • Define system-level standards for contribution, dependency management, and governance
  • Practice standards, policies, and adaptability in system decisions

Outcomes

  • Design System recognized as the foundational utility for the org
  • Unified multi-platform architecture
  • Scalable governance model that adapts as the organization grows
  • All new products built on Design System foundations rather than in isolation
  • Greater consistency and resilience across all digital surfaces

03. Phase 1 Triage

First, stabilize the operation.

Before any long-term strategy could land, the team needed a working foundation. Phase 1 was about triage: getting the most urgent structural needs in place so the team could operate predictably. That meant introducing a delivery framework, establishing core ceremonies, and standing up Jira as the team's system of record for planning and tracking.

I introduced an "Agile light" framework, structured enough to create consistency, flexible enough to let complex design system work carry across sprints when it genuinely needed to. From there, I defined five core ceremonies, each with a clear purpose, cadence, and set of outputs.

Refinement + Request Review

Reviewing and prioritizing incoming work before sprint planning.

Cadence

1-2 days before sprint planning

Activities

Review incoming feature submissions. Validate scope. Break work into sprint-level pieces. Confirm effort estimates. Surface defects and system improvements.

Outputs

Story-ready feature cards, prioritized defects, clear candidates for sprint planning.

Request Kickoff

Validating a proposed solution with the requesting team before work begins.

Timing

After intake and triage, before design work begins

Format

Walk through the problem statement, the proposed solution, and the scope. Confirm alignment with the requesting team.

Outputs

Approval to proceed, or documented revisions before completion.

Sprint Planning

Committing to what the team will deliver in the upcoming sprint.

Cadence

Every 2 weeks, 60-90 minutes

Inputs

Refined feature items, team capacity factoring vacations and other commitments.

Outputs

Defined sprint goal, committed work, and a clear team memory for the sprint.

QE Review

Ensuring work meets design system standards before it is shared externally.

Cadence

Pull-based, 30-60 minutes per session

Scope

New components, enhancements, and significant changes. Not discovery or prioritization.

Outputs

Documented feedback, identified issues, and an agreed path forward before completion.

PI Planning

Medium-term strategy and sequencing across the quarter.

Cadence

Quarterly, 2-4 hours

Focus

Roadmap themes, in-flight work, dependencies, technical debt, and risk.

Outputs

Prioritized backlog, funding alignment, and high-level sequencing for the quarter ahead.

End-to-end workflow in Jira.

Alongside the ceremonies, I designed the team's complete start-to-finish workflow in Jira. The system tracks not just whether work is done, but what kind of work it is and where it sits in its own lifecycle. Work moves through three sequential tracks after a shared intake and refinement phase: Design, then Develop, then Documentation. Each track follows the same four statuses so anyone on the team or in the broader organization can see exactly where a feature stands at any point.

PI Planning
Project Features Created
Design System Need Identified
Project UX Submits Design System Request
Project UX and Design System Refine

Design

Discovery
Design
Review
Complete

Develop

Discovery
Develop
Review
Complete

Documentation

Discovery
Design
Review
Complete
Design System Feature Complete

04. Governance

Building the rules of the road.

The largest barrier to enterprise adoption was the absence of documentation around how to work with the system. I collaborated closely with the Design System team to author governance across five foundational pillars, giving every role in the organization a clear understanding of how to engage with the system, what they own, and what falls outside their lane.

01

Governance Overview

Defines ownership, authority, and process to support Design System velocity and system integrity without blocking delivery.

  • Design System evolves independently of product releases
  • Versioning communicates impact and required action, not just what changed
  • Consumers choose when to adopt updates
  • Design System is responsible for releasing system updates, not for driving adoption
  • Governance is not meant to override Brand decisions or introduce unnecessary process
02

Contribution & Approval

Design System has final approval on what gets built, when, and how. All other teams engage through defined intake channels.

  • Requests must be submitted at minimum 3 weeks before the need date
  • Design System reviews, refines scope, and prioritizes all incoming work
  • All feedback must happen in the PR, no side-channel decisions
  • Brand, UX, and product teams may request and collaborate, but cannot modify Design System repos or bypass Design System process
  • Engineering may choose when to adopt a Design System version, but cannot hardcode values when tokens exist or override version classifications
03

Release & Versioning

Changes are grouped logically, versioned clearly, and released on Design System terms. Teams choose their own adoption timeline.

Version Types

  • Patch: bug fixes, minor corrections, non-disruptive accessibility fixes
  • Minor: new tokens, new components, additive updates
  • Major: token removal or rename, component contract changes, required consumer action

Grouping Strategy

  • Theme updates (brand color changes)
  • Token updates (color, sizing, typography)
  • Component updates across platforms
  • Platform parity releases (iOS + Android together)
04

Ownership Model

Brand and UX define the experience. Design System implements and distributes. Engineering consumes and decides adoption.

Who Owns What

  • Design System: tokens, colors, components, versioning, releases
  • Brand: brand guidelines, frames, and color systems
  • Product UX: product-level design needs and formal requests
  • Engineering: application implementation and version adoption

Boundaries

  • Brand defines direction; Design System may alter to meet accessibility requirements
  • UX submits requests and collaborates, but does not directly modify Design System
  • Engineering integrates Design System as provided and cannot override tokens without alignment
05

Communication & Enforcement

The PR is the single source of truth. Decisions made outside of it do not count.

Rules

  • All feedback must happen in the PR associated with that change
  • No decision-making in Teams chats or side-thread approvals
  • Decisions must be documented in PR
  • No one modifies Design System repos without Design System approval
  • Unauthorized changes will be reverted

Enforcement

  • Violations include: catalog updates without PR, repo changes, bypassing process
  • Violations result in revert and required resubmission through proper channels
  • Three dedicated Teams channels were launched: an AMA channel for dev and UI questions, an announcements channel for release updates, and a resources channel for shared materials

05. Documentation Home

One place for governance to live.

Once the governance pillars were defined, they needed a home that the whole organization could actually find and trust. I chose Storybook as that home, since it already let people see every component and its documentation in one place. Extending it to house governance alongside components meant anyone, whether a designer, engineer, or partner team, could go to a single, familiar source to see the rules, the components, and any other resources we wanted to share.

I mapped the site into four top-level sections so each kind of content had an obvious place to live: Design System Governance for the governance pillars themselves, Foundations and Components for the existing token and component documentation, and Resources for the supporting assets, requests, and release notes teams needed along the way.

Storybook
Design System Governance
Working with the Design System
Versioning & Releases
Communication & Enforcement
Foundations
Tokens
Icon Gallery
Components
Overview
Variations
Accessibility
Properties
Development
All Stories
Resources
Downloads
Planning & Requests
Figma Release Notes
Repo Release Notes

06. Result

Structure that scales with the org.

The shift from an informal group to a structured agile unit changed the team's standing within the organization. Transitioning to a more agile-like approach gave the team a shared planning rhythm and gave leadership clear visibility into sprint capacity and delivery timelines. Introducing structured refinement and dedicated QA sessions drastically reduced breaking changes and inconsistent UX patterns reaching production.

Publishing clear governance on Storybook and streamlining intake through Jira eliminated the constant back-and-forth about how to engage with the system. And the three Teams channels (AMA, announcements, and resources) gave product teams visibility into releases, conversations that might affect their work, and easy access to shared resources, all without having to track the design system down.

This is where the roadmap stands today: structural alignment and operational visibility are in place, the first two stages of the 5-Stage Design System Ops Roadmap. Cross-team collaboration, platform and tooling evolution, and full enterprise integration are still ahead. This is ongoing work at my current organization, but the foundation is in place to take it there.

Part 2 of 2: Continues from Sparkline Design System →
Previous Project Sparkline Design System Next Project Sparkline - Open An Account