Overview
Evolution of Airship's design systems: from "Dark Matter" to a React/TypeScript-based system with Figma and Storybook in sync.
Who it's for
Designers and engineers across multiple Airship product lines.
Problems it solves
- →Multiple products had inconsistent patterns and visuals
- →Tech stack changes made older systems harder to maintain
- →Component usage wasn't clearly documented across design and code
Key use cases
- →Teams reuse shared components for new features instead of creating one-offs
- →Storybook documents behavior, states, and props for each component
- →Figma libraries mirror code, so design → dev handoff is clean and predictable
My contributions
- →Evolved "Dark Matter" to React/TypeScript-based system
- →Synced Figma libraries with code components
- →Created Storybook documentation for component usage
- →Established design-to-dev handoff processes