The Problem
Most teams have the same inefficiencies.
Rebuild from Scratch
Designers iterate in Figma while engineers rebuild from scratch
Lost in Translation
Details get lost in translation, microinteractions get cut
System Drift
Design systems drift from implementation
QA as Last Defense
QA becomes the last line of defense for UI consistency
Disconnected Workflow
Iteration slows because design and code are disconnected
Wasted Cycles
Same components get rebuilt across teams, nobody owns the source of truth
My Approach
I delete the handoff. Design and code live together, always.
Real Code Prototypes
Rapid prototyping with real working code, rather than Figma prototypes
React-Native Design System
Design system built directly in React
Components as Spec
Components are the spec, not screenshots
Tokens in Code
Tokens, spacing, typography, motion live in code
System-Enforced Consistency
UI consistency enforced by the system, not QA
Instant Feedback
Stakeholders review live UI, not static mockups—feedback is immediate and actionable
Strong Scaffolding, Maximum Flexibility
The same semantic components render beautifully across any visual aesthetic. Visual redesigns become theme swaps, not rewrites.
Design Systems I've Built
Live examples of design systems I've created and maintain.
Projects I've Built
Live projects on the internet - click to read the full story.
Who This Is For
I'm looking to join:
- Engineering-led teams tired of design–engineering friction
- Teams that want a designer who ships code, not mockups
- Teams that value velocity, consistency, and ownership
- Teams building products where the design system actually matters
Experience
Teams I've worked on in the past.
Design systems belong in Git, not Figma.