In an early-stage environment with no established UI standards, I built a foundational visual design system in Figma to bring structure and cohesion to the product. The system was adopted by engineering, reducing development time and enabling faster, more consistent feature releases.
Tools: Figma, Lucide Icons
Color System
I defined a core color palette that balanced brand expression with usability, selecting primary, secondary, and neutral tones with accessibility and contrast in mind to ensure clarity and consistency.
Tools: Stark (Figma plugin) for accessibility testing
Illustration Library
I created a consistent illustration system aligned with the design language, generating 11 unique illustrations with ChatGPT and standardizing noise texture and stroke weight to ensure visual cohesion.
Tools: ChatGPT
Component Library
I defined core components such as buttons, inputs, and selection controls based on usability best practices and product needs. Each element was designed for clarity, consistency, and scalability within the broader system.
Tools: Figma Variables
