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.
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
