← All work

The AI UX Playbook: 50% faster from brief to prototype

I led UX for eFax and rebuilt how the team ships. MUI as the foundation, Figma Make and Claude Code for prototyping, and Kiro with Storybook so tokens reach engineering as code.

Role
UX Lead
Worked with
Product, engineering, and compliance
Result
50% faster delivery
Consensus Cloud · eFax

Accelerating Enterprise Product Delivery by 50%

At eFax (Consensus Cloud), the traditional design-to-development lifecycle for complex enterprise tools was too slow for the scale of their portfolio. Manual handoffs, inconsistent documentation, and rebuilding core components from scratch created significant technical debt and delayed the launch of critical features.

The Strategy: AI-Automated Workflow Stack

I re-engineered the product process by moving away from manual art and toward an automated, component-driven machine. By treating AI as a collaborator for execution rather than just a shortcut, we synchronized design and code at the root level.

Foundation with MUI (Material UI)

We standardized on MUI to provide a production-ready, accessible (WCAG 2.1 AA) React component library. This eliminated the need to build primitive components (buttons, inputs) from scratch, allowing the team to focus 100% on unique product differentiation.

Rapid Prototyping with Figma AI and Figma Make + Claude Code

By connecting our MUI brand variables directly to Figma Make, we reduced prototyping time from three days to 30 minutes. Claude Code and Figma AI now generate high-fidelity layouts that automatically adhere to eFax's brand tokens, spacing, and typography, allowing us to move from a blank page to a functional directional concept in minutes.

Secondary specs and requirements
eFax workflow
eFax video still

Handoff Automation with Kiro and Storybook

We integrated Kiro to automate token updates between Figma and the codebase, ensuring what designers see is exactly what engineers build. This was paired with Storybook to automatically generate component documentation, providing engineering with a live, interactive reference that stays in sync with design changes.

What I’m building now

01

Harmony

AI extracts the text in incoming healthcare faxes and splits them into separate documents, then an agentic workflow routes each one by confidence score. I designed how people review and correct anything the agent isn’t sure about.

02

In-app AI assistant

I’m leading conversation and agent design: the behavior spec, approve-before-acting patterns and handoff to support.

03

Design system to code

I connected the eFax Figma design system to engineering through Figma MCP, so Kiro builds screens from real components instead of mockups.

04

eFax Chrome extension

I designed, built and shipped it myself using AI coding tools.

Result

The cycle from initial brief to stakeholder-ready interactive prototype was cut in half, achieving 50% faster delivery. We successfully moved the UX team from a service-provider into a high-velocity product engine capable of shipping validated, enterprise-grade products at scale.