Built with AI

Designing and shipping with a model in the room.

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.

Shipped

The Token Importer plugin's four-step flow: upload, file list, configure with live token preview, and import success.

Figma Community plugin

2024 · Figma · TypeScript · Claude

Token Importer Plugin

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

A free, open-source Figma plugin that imports design tokens from JSON or CSV and creates properly-typed variables: colors become COLOR, numbers become FLOAT, structure preserved, not flattened. I wrote the spec first, paired with Claude to build the TypeScript foundation, then designed every screen in Figma and shipped it solo.

Read the story View plugin GitHub
523+Unique designers using it
2 daysTo build and ship, solo
Focus app: a 30:00 Pomodoro timer and task list over a moon-and-Earth backdrop, with a grounding mantra at the top and an ambient sound panel.

Live at focus.prelisa.design

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 minimal focus app: a Pomodoro timer, a task list that persists in your browser, and four science-backed ambient sounds, from binaural beats to brown noise to rain. Paste in any YouTube link for podcasts or music, and let small mantras keep you grounded. No account, nothing to install. I designed and built it with Claude and shipped it live.

Read the story Open Focus GitHub
No loginRuns entirely in your browser
LiveShipped at focus.prelisa.design
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 for immigration lawyers that automates drafting, formatting, and USCIS validation with AI fine-tuned for immigration law. Built over 15 weeks by a team of four, working closely with immigration lawyers. I owned the UX, the frontend, and the design system, and we kept it coherent by teaching the system to the AI itself.

Read the story Visit PleadAI GitHub
40 minTo draft a motion, down from 15-20 hours
15 weeksConcept to Capstone Expo
The Elda caregiver dashboard's Alerts tab, showing a missed critical medication alert and an elevated heart rate alert, each with a recommended action for the caregiver.

CalHacks 12.0 · Palace of Fine Arts, San Francisco

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.

Fair warning, stated upfront: the UI is hackathon-grade, and that was a deliberate trade. We had one weekend at CalHacks 12.0, and I spent it on the part a voice product actually lives or dies on, the interaction model. Four explicit voice states so an elder with memory loss never wonders whether they were heard. Captions for every spoken word. Escalation paths that bring in a human caregiver with context. Memory, via Letta and Chroma alongside Claude, so no conversation starts cold. And microcopy that says "It's time for your yellow pill on the table" instead of "Task incomplete." That thinking is what won Best Use of Claude, judged by Anthropic.

Read the story Devpost GitHub
WinnerBest Use of Claude, CalHacks 12.0
1 weekendIdea to working demo, team of three