UX Designer & Design Engineer

AI is the
material.
Design
is the craft.

01 — About

Where design
meets engineering

I don't just hand off specs — I build what I design.

I'm an AI-native UX designer and design engineer who works at the intersection of machine intelligence and human-centred design.

My practice spans interaction design, prototyping in code, and AI product strategy. I've shipped AI features across conversational interfaces, generative tools, and data-heavy dashboards.

I believe the next generation of great products will be shaped by designers who can think in models, prompts, and components simultaneously.

Tools & technologies

Figma React TypeScript Next.js Tailwind GitHub Claude OpenAI API Supabase v0 Cursor Framer Vercel Hotjar Notion
02 — Skills

What I bring
to the table

AI Product Design

Designing for LLM-powered products — from prompt surfaces and streaming UIs to error states and trust signals.

LLM interfaces Conversational UX AI affordances
Design Engineering

Turning designs into production-ready components with React, Framer, and modern CSS — no handoff gap.

React Framer TypeScript CSS
Design Systems

Building scalable component libraries and tokens that speak both design and code fluently.

Figma Storybook Tokens
User Research

Mixed-methods research to understand how people form mental models around AI-assisted workflows.

Usability testing Mental models Surveys
Prompt Engineering

Crafting and iterating prompts as a design material — shaping tone, structure, and output quality.

Claude API GPT-4 Multimodal
Interaction Design

Micro-interactions, animation, and motion design that communicate intelligence without overwhelming users.

Motion Prototyping Accessibility
03 — Work

Selected
projects

Case studies coming soon.

001

Conversational AI Dashboard

Redesigned a B2B analytics platform with an embedded AI assistant — reducing time-to-insight by 60%.

UX Design React

002

Generative UI Design System

A component library built for AI-generated content — handling variable-length outputs, skeleton states, and streaming.

Design System Storybook

003

AI Onboarding Flow

Designed a progressive onboarding system that teaches users to co-create with AI without a manual.

UX Research Framer
04 — Process

How I
work

01
Discover

Research the problem space, user mental models, and AI capability constraints.

02
Frame

Define interaction principles and where AI adds signal vs. noise for the user.

03
Prototype

Build in Figma and code simultaneously — test with real model outputs early.

04
Ship

Deliver polished components, specs, and documentation ready for production.