Designer & builder — San Francisco

I close the gap between what’s imagined
and what’s built.

HCI at UCSD. Ops and design at lean startups. Now building with AI — scrappy, user-first, shipping in public.

See my work Get in touch

drape.app

Wardrobe (12)Outfits

White teetops

Navy blazerouter

Black jeansbottoms

Beige coatouter

Silk blousetops

Tan chinosbottoms

Drape

Your AI stylist.

Upload your wardrobe — get outfits you've never thought to wear. Claude Vision identifies each clothing item automatically, then assembles combinations with plain-English explanations and gap analysis on what one purchase would unlock the most looks.

tokens.css

COLOR — neutral

COLOR — accent

SPACING — 4px base

TYPOGRAPHY

HeadingSubheading textBody copy at regular size goes here

Design Token System

One source of truth for every visual decision.

A two-layer token architecture — primitive values mapped to semantic roles — covering color, typography, spacing, elevation, and motion. When a value has a name, it can change in one place and update everywhere.

antoinette-nguyen/design-foundations

<nav><ul><li>Home</li></ul></nav>.hero {display: flex;gap: var(--space-6);}

✓ week 1 — semantic html✓ week 2 — css layout✓ week 3 — token system→ week 4 — in progress

Design Foundations

9 months of learning in public.

A structured journey from UI/UX designer to confident frontend developer. Every lesson produces a real file in a real repo — semantic HTML, CSS architecture, Git, React. Consistency over perfection.

About

I studied Human Computer Interaction at UC San Diego and have spent my career at tech startups and lean teams — wearing a lot of hats, moving fast, and staying close to users. I'm scrappy by nature, have worked customer-facing roles, and am now building the kind of tools I wish existed.

Skills

FigmaAdobe CCJavaScriptReactNext.jsNode.jsCSSHTMLClaude API

GitHub ↗LinkedIn ↗

Let’s work together.

Open to design, ops, and product roles — and always up for a good conversation.

antoinette.k.nguyen@gmail.com