Designing and shipping with AI as a collaborator.

Real products I've designed and shipped with AI as a collaborator. Each one has a story about what changes when the prototyper, the writing partner, and the second pair of eyes is a model.

2024 · Figma · TypeScript · Claude

Token Importer Plugin

The Figma token importer I needed didn't exist. So I built it.

A free, open-source plugin that turns JSON or CSV design tokens into properly typed Figma variables without flattening their structure. I wrote the spec, designed the interface, and shipped it solo with Claude as a build partner.

856+ designers use it · Built solo in 2 days

2026 · Next.js · TypeScript · Claude

Focus

A focus tool with no login, no account, and no friction. Just a timer, a task list, and sound that helps you concentrate.

A small Pomodoro timer, task list, and ambient sound tool designed to help you start without setting anything up. Built with Claude and shipped live.

No login · Runs entirely in your browser

The PleadAI product interface from this case study, showing an auto-assembled immigration motion packet and its document checklist.

SFBU Capstone · 2026

2026 · React · Next.js · Claude Code

PleadAI

A single immigration motion takes 15 to 20 hours. PleadAI brings that down to about 40 minutes.

A legaltech tool that helps immigration attorneys draft, format, and validate USCIS filings. I owned the UX, frontend, and design system for a four-person capstone team.

Team of four · Validated with an immigration attorney

2025 · Claude · Letta · React Native · Next.js

Elda AI

A voice-first companion for elders. The design work here isn't the screens. It's the conversation.

A voice-first eldercare companion with a caregiver dashboard. In one hackathon weekend, I focused the design on voice states, accessible feedback, escalation, and language that preserves dignity.

Best Use of Claude · CalHacks 12.0