Frame / Hero

Darry Diaz

Design Systems Designer & UX Engineer

Designing interfaces in Figma & building them in code.
Bridging the gap between design and engineering.

Frame / About

Designing with
intent, building with
precision.

I'm a UI/UX Designer who lives in Figma and speaks fluent HTML & CSS. 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.

Properties

Design Tools

FigmaFigJamProtopie

Frontend

HTML/CSSJavaScriptReactAstro

UX Engineering

Design SystemsTokensStorybook

Research

User InterviewsUsability Testing

Frame / Services

What I do

UI/UX Design

Full-cycle product design from research and information architecture through high-fidelity Figma prototypes and design systems.

  • User Research
  • Wireframing
  • UI Design
  • Prototyping
  • Design Systems
  • Handoff

UX Engineering

Translating design into production-ready code. I build component libraries, design tokens pipelines, and Figma-to-code workflows.

  • Component Libraries
  • Design Tokens
  • Storybook
  • Figma Plugins
  • Dev Handoff

Frontend Dev

Pixel-perfect implementation of interfaces using modern web technologies with a focus on performance and accessibility.

  • HTML/CSS/JS
  • React
  • Astro
  • Responsive Design
  • Accessibility
  • Animation

Frame / Work

Selected Work

Project Alpha UI/UX Design

End-to-end product design for a SaaS dashboard. Research, wireframes, design system, and handoff.

FigmaDesign SystemPrototyping
Project Beta UX Engineering

Built a component library in React from a Figma design system, including token integration.

ReactStorybookTokens
Project Gamma Frontend Dev

Developed a marketing site pixel-perfect from Figma specs, with interactive animations.

AstroCSSFigma
Project Delta UI/UX Design

Mobile app redesign focused on usability testing findings and accessibility improvements.

FigmaUX ResearchAccessibility
Y

"Let's build something together."

Frame / Contact

Open to
new projects

Whether it's a product design project, frontend build, or a design system from scratch — let's talk.

hello@yourname.com
Designer
Engineering
Business Dev
Designer
Frame / Contact Form