Summary
Technical designer and UX engineer with 20+ years spanning product design, front-end implementation, and design systems as code. The rare practitioner fluent in both Figma and a codebase — designing systems that engineers can implement and writing components that match design intent exactly. Specialties include Figma↔Code pipeline automation, component library architecture (shadcn/ui, design tokens), developer tool UX, and data-informed design via A/B testing and SQL. Bridges design and engineering communication at every stage of delivery.
shadcn/ui
Design Tokens
Figma
Component Libraries
CSS / Tailwind
Git
SQL
A/B Testing
WCAG
VS Code Extension API
Claude API
HTML
Experience
MinIO — AI Infrastructure & Object Storage
- Built complete design system for AIStor Console using shadcn/ui; established component naming, token architecture, and implementation standards
- Developed code-to-Figma automation pipeline: scripts extract live component state from codebase into Figma, eliminating design/code drift
- Implemented Claude-assisted Figma↔Code workflow for rapid design-to-implementation cycles; led engineering team adoption
- Defined design token structure (color, spacing, radius) mapped directly to Tailwind/shadcn theme config
- Built accessible, WCAG-compliant component library for MinIO's web properties, enabling non-designer contributors
- Wrote UI components directly in the MinIO Console codebase alongside design work
shadcn/ui
Figma
Design Tokens
Claude API
Ambassador Labs — Developer Infrastructure & Kubernetes Tooling
- Designed VS Code extension for Telepresence — complex developer tool with state-aware UI within VS Code's extension API constraints
- Improved developer efficiency +30% and reduced onboarding −60% through targeted UX improvements measured via usage analytics
- Prototyped extension interactions in Figma and validated directly with engineering before implementation
- Designed developer-facing web UI for Kubernetes service visualization and local/remote environment management
VS Code Extension API
Figma
HONK Technologies — Roadside Assistance SaaS
- Dual role: designed and implemented front-end components directly in product codebase
- Used SQL to analyze user behavior data; combined with A/B testing to drive photo flow redesign (35% → 96% acceptance)
- Built design system and component library; documented component API and usage for engineering team
- Implemented accessible, responsive UI for Carvana vehicle drop-off verification tool
- Built and maintained CSS design tokens system predating industry-wide adoption
CSS
SQL
A/B Testing
WCAG
Fonality — VoIP & Business Communications (Founding-Era Hire)
- Managed engineering team while contributing directly to front-end and back-end development
- Established development workflow and code standards for early-stage VoIP product
Technical Skills
Front-End Engineering
CSS, HTML, Tailwind, shadcn/ui, Design Tokens, Component Libraries, Git, WCAG Accessibility
Design Systems
Figma, Component Architecture, Token Systems, Figma↔Code Pipelines, Documentation, Design Ops, Storybook
Data & Testing
SQL, A/B Testing, Analytics, Usability Testing, User Research, Quantitative Analysis, Hypothesis-Driven Design
AI Tooling
Claude API, AI-Augmented Design Workflows, Figma Automation Scripts, Prompt Engineering, LLM Interface Design
Key Technical Outcomes
Code
Code-to-Figma Automation: Built scripts that extract live component states from codebase into Figma — eliminating design drift without manual designer intervention.
+61pp
Photo Acceptance 35% → 96%: SQL analysis + A/B testing stack identified root cause; Front-end component redesign shipped fix directly by design/engineering pairing.
+30%
Developer Efficiency: VS Code extension design for Telepresence improved developer workflow efficiency, measured via telemetry and user interviews.
System
shadcn/ui Design System: Shipped MinIO AIStor Console design system with full token architecture, component library, and documentation — from 0 to production.