01
Design in code context
Know the DOM, CSS constraints, and component state before pushing pixels, so handoff matches what ships.
About
Systems, code, and product design.
I started in web development (2015–2018) before moving into UX/UI design. Most recently I was Usability & Design Manager at Cebu Pacific Air, where I built the design system from scratch and owned customer-facing web, mobile, and kiosk apps.
At Partners Group I work on dense internal enterprise workflows and
AI-native design systems, using
DESIGN.md, Paper MCP, and Cursor so
generated UI stays on contract and in human review. The through-line
across this work and Cebu Pacific is designing with AI under human
review.
Operating philosophy
Principles
02
Evidence over preference
Validate interactions with usability testing, conversion rates, and real user feedback.
03
Strict systems governance
Build single sources of truth so visual design and codebases stay aligned when agents help write UI.
Tools
Toolkit
Design and systems
- Figma
- Storybook
- Zeroheight
- Paper.design
- Hotjar
- Miro
AI and code
- DESIGN.md
- Paper MCP
- Cursor
- HTML5
- CSS3
- JavaScript
- PHP
- MySQL
- React
- Tailwind
Operations
- Jira
- Azure DevOps
- Asana
- Trello
Design systems and product work
Working through a fuzzy product or design problem? We can talk it through.