CivicTech
Design System
This Case Study is a first draft and is still being written.
More details and context can be provided in an interview.
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 ↑
‣
‣
‣