← Back to portfolio
How I Work

How I Ship

The design process hasn't changed in 20 years. Here's what happens when you break it — one designer, AI-native workflows, and a refusal to ship anything that doesn't feel right.

The difference

Two ways to build product

The traditional process was built for a different era. Here's what changes when one designer replaces the entire waterfall.

Traditional Process
48 days avg.
  • ✕
    5–8 people required per project
  • ✕
    4–8 weeks from concept to ship
  • ✕
    3–5 handoff points where context dies
  • ✕
    Redesign loops — back to step 3, repeat
AI-Native Designer
3 days avg.
  • ✓
    1 designer — design is the code
  • ✓
    2–5 days from concept to production
  • ✓
    Seamless handoffs — engineers get production-ready components, not guesswork
  • ✓
    Ships same day — production-ready code

Same quality. Fraction of the time. No committee required.

>
Powered by
C
Cursor
AI-native IDE
Cl
Claude Code
AI agent
F
Figma + MCP
Design sync
v0
v0 by Vercel
UI prototyping
The new way

How I actually ship

A continuous loop where design and code are the same thing. No handoffs. No waiting. Just shipping.

1
Prompt & Define

Describe what I want in natural language. Claude, ChatGPT, or v0 generate the first pass. A vague idea becomes a working brief in minutes, not days.

→ Brief in minutes, not meetings
2
AI Generates

Claude Code and Cursor build the first working prototype — full functional code, not static mockups. 80% production-ready on the first pass.

→ Working code, not wireframes
3
Design Refine

Push to Figma via MCP bridge for pixel-level polish. Typography, spacing, interaction patterns — the design eye that AI can't replicate. Yet.

This is where collaboration sharpens the work — engineering review, design critique, and user feedback tighten what AI started.

→ Craft meets velocity
4
Code ↔ Canvas
New in 2026

Bidirectional Figma ↔ code sync. Change a component in either environment and it updates instantly in both. Zero translation loss.

→ Every change is real-time
5
Ship
Production

Production-ready code deploys the same day it was designed. Real product, real users, real feedback — then iterate with the team based on what we learn.

→ Designed today, live today
0x faster
From concept to production

Based on comparable project scopes — what took a team of 5 six weeks, I ship in days

1
Designer does the work of a full product team
90%
Fewer revision cycles — the prototype is the product. Engineers get production-ready components, not guesswork.
100%
Production-ready code shipped, not mockups
The toolkit

My stack

Every tool chosen because it compounds speed without sacrificing craft.

C
Cursor
AI-native code editor. Where every idea becomes working code in minutes, not days. The foundation of my entire workflow.
Primary IDE
Cl
Claude Code
AI agent that generates full prototypes from prompts. First pass in minutes.
AI Agent
F
Figma + MCP
Design refinement with bidirectional code-canvas sync. Pixel perfection meets velocity.
Design ↔ Code
S
shadcn/ui
Premium React components that look polished out of the box. Customize, don't rebuild.
M
Framer Motion
Every interaction feels alive. Spring physics and scroll-driven animations that delight.
v0
v0 by Vercel
Rapid UI prototyping from prompts. From idea to visual in seconds.
Tw
Tailwind CSS
Utility-first styling that makes iteration instant. Ship production CSS as fast as I can think. No context switching between design and code.
Styling Engine

Ready to ship at AI speed?

I bring the taste, vision, and product thinking. AI brings the velocity.

Get in touch → LinkedIn