Summary

Previous Employer
Design System
In-Progress
This Case Study is a draft and is still being written.
Tokens

Syncing Design with Code
4,000+ Component Variants & 700+ Styles
I created 761 tokens for colors, shadows, spacing, sizing, and more using the Figma plugin Tokens Studio for Figma. The tokens were applied to Figma components so that all component properties were controlled by tokens. The tokens were synced through GitLab to coded components visible in Storybook.
Styles
Colors
Styles
Text
Styles
Shadows
Components

Molecules and Organisms
Buttons
Input Fields
Continuation
More Projects
ProjectsFixed PDF Ticket Scanning Issue for University Events, 15% Accuracy ↑Fixed PDF Ticket Scanning Issue for University Events, 15% Accuracy ↑
‣
‣
‣