Graphical User Interfaces 🌈

• Lead engineer managing 50+ automated UI-kits / sticker sheets for our Spectrum SVG system, Spectrums first code-based implementations to automate and scale our UI components, providing Adobe’s most comprehensive UI collection in variants, scale, themes and systems.

• Codebase is implemented in the XD and Figma plugin, crucial to enable hundreds of designers at Adobe to craft pixel perfect layouts with real-world components.

• Extensively tested new color palettes across all of Spectrum’s themes with the help of my implemented visual regression tool in the SVG-Generator project.

• Worked closely together with our Spectrum designers in developing and testing our new UI components, went through countless design iterations and improvements.

• Contributed accessible and scalable front-end code to various component implementations and migrations in Spectrum-CSS, powering the visual appearance for Adobe’s popular open-source libraries Spectrum React and Spectrum Web Components.

• Built, maintained the Spectrum Icons page, the most visited feature page on our design system website, enabling thousands of designers to search and place our icons from our icon system.

• Implemented and iterated second most visited feature page: Color Palette, allowing for a code based representation of Spectrums color system, enabling our designers and engineers to quickly gain access to our up-to-date palettes.

• Built, maintained, and evangelized AppDirect’s design system and component library base2.appdirect.com.

• Created hundreds of prototypes to assist in user research and stakeholder engagement, using low- to high-fidelity techniques and mobile solutions.

• Developed design tools and processes to empower product, design and engineering teams.

• Advised front-end engineers on UI implementation best practices.

• Contributed scalable front-end code to production codebases.