Frame / Hero
Design Systems Designer & UX Engineer
Designing interfaces in Figma & building them in code.
Bridging the gap between design and engineering.
Frame / About
I'm a UX Engineer who lives in Figma and speaks fluent in code. My work spans end-to-end product design — from research and wireframes to high-fidelity prototypes and production-ready frontend code.
As a UX Engineer, I bridge the gap between design and development: building design systems, Figma component libraries, and interactive prototypes that developers can actually ship.
Design Tools
Frontend Development
UX Engineering
Research
Frame / Skills
Full-cycle product design from research and information architecture through high-fidelity Figma prototypes and design systems.
Translating design into production-ready code. I build component libraries, design tokens pipelines, and Figma-to-code workflows.
Pixel-perfect implementation of interfaces using modern web technologies with a focus on performance and accessibility.
Frame / Work
Precision UI component library for dashboards, forms, and AI-native apps. Dark-mode first with reusable patterns.
achie-ui.netlify.app
Automated design-to-code pipeline. Multi-agent orchestration to convert Figma designs to production code.
hands-off.netlify.app
A project and skills hub for students and professionals to showcase their work and get hired.
relynk.nlFrame / Contact
Whether it's a product design project, frontend build, or a design system from scratch — let's talk.
darry.a.diaz@gmail.com
"Let's build something together."