Senior UX Designer focused on building scalable design systems
I design and maintain systems that align design and engineering, reduce complexity, and scale across teams and products.
Explore DBM System
button
button
Â
6+ Years
UX & Systems Experience
Environments
Platform & Product
Design Systems
Tokenized, Accessible, Scalable, Governed
Most of my work has focused on internal product and platform systems, where long-term thinking, close collaboration with engineering, and sustainable design matter as much as visual polish. To show how I approach these challenges end to end, I built DBM System, a full-scale design system grounded in real production constraints.
Current Role:
- Sr. UX Designer @ Rooms To Go
- ROOMY Design System 🔒
FEATURED WORK
DBM System
A design system built to support scalable user interfaces and consistent product experiences across teams. It is designed as a living system, not a static UI kit, and includes design, documentation, and code working together as a single source of truth.
Documentation Website
A centralized reference for foundations, components, usage guidelines, and accessibility standards. Built to support onboarding, adoption, and long-term maintenance.
Figma Component Library
A structured component library with clear foundations, predictable variants, and composable patterns. Designed for consistency, flexibility, and ease of use at scale.
React Component Library
A production-ready component library aligned with the design system foundations. Components are structured to support reuse, accessibility, and clear APIs.
System Architecture
A modular approach ensuring scalability and maintainability across all layers of the system.
Foundations
- Design tokens for color, opacity, typography, spacing, elevation, and radius
- Clear naming conventions and token structure
- Accessible color contrast and semantic usage
Components & Patterns
- Core primitives and shared patterns
- Clear separation between structure and presentation
- Predictable states and variants
Documentation & Governance
- Usage guidelines and best practices
- Patterns for contribution and iteration
- Accessibility considerations at the component level
Design and Development Alignment
I design systems with implementation in mind. While I’m not a developer by role, I work closely with engineering to ensure the system is practical, understandable, and sustainable in code.
Design tokens mapped directly to code variables
Parity between Figma and React components
Thoughtful decisions around variants, boolean props, and state
Accessibility roles and interaction behavior considered early
How DBM Was Built
01
Audit & Principles
02
Foundations
03
Component Strategy
04
Desing & Code Alignment
05
Documentation
06
Iteration
I believe design systems should make complexity easier to navigate, not harder. A good system balances consistency with flexibility, supports accessibility by default, and respects the realities of real product teams. My focus is on building systems that last, scale, and remain usable long after the initial launch.
Explore DBM System
button
button
Â
TOOLS BUILT
DBM Color Schema
A client-side color palette generator app for designers and engineers who care about structure, scalability, and clean hand off.
Key Features:
- Collections, token mapping and dynamic primitives
- Light and dark mode support
- Export formats - JSON, CSS, SCSS, SVG and more!
- Accessibility indicators, contrast checker and grid
- Presets & harmony rules
- Real-world preview
- Shareable URLs and image-based color extraction
