Design Systems

Overview

Built 2 design systems and contributed to 1 large corporate system.

Contributed to a large corporate Figma system
Built a Figma system based on MUI react components with Storybook frames
Built a CSS/HTML based system

1 - Large System Contributor

For 2 years I was a user and contributor to a corporate design system that served a team of 60 designers. This system used slots, variables, and composed components. As a contributor I added components and documentation to the system, and created cheat sheets for the developers for common composed components.

2 - Built a Figma System for a Startup

When I joined the startup as the sole designer for the global engineering team of 10, I performed a UX audit of the application and created a strategy for the user experience. To support the execution of the UX strategy, I built a Figma design system using MUI react components, Storybook frames, and Gitlab documentation.

LEARN MORE

MUI and Composed Components

3 - Built CSS & HTML Design System

Built a pre-Figma design system using CSS and HTML.

Wrote the SCSS/HTML in Codepen
Created naming conventions
Defined vars and props
Wrote detailed Confluence documentation and cheat sheets
Worked with Ruby and React developers to implement in multiple environments