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.
Operating philosophy
Principles
02
Data Over Vibe
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 under agent-assisted work.
Tools
Toolkit
Design & Systems
- Figma
- Storybook
- Zeroheight
- Paper.design
- Hotjar
- Miro
AI & Code
- DESIGN.md
- Paper MCP
- Cursor
- HTML5
- CSS3
- JavaScript
- PHP
- MySQL
- React
- Tailwind
Operations
- Jira
- Azure DevOps
- Asana
- Trello
Let’s connect
Open to chats about design systems, Design Ops, and product work.