The Problem
Most teams have the same inefficiencies.
- Designers iterate in Figma while engineers rebuild from scratch
- Details get lost in translation, microinteractions get cut
- Design systems drift from implementation
- QA becomes the last line of defense for UI consistency
- Iteration slows because design and code are disconnected
My Approach
I delete the handoff. Design and code live together, always.
- Rapid prototyping with real working code, rather than Figma prototypes
- Design system built directly in React
- Components are the spec, not screenshots
- Tokens, spacing, typography, motion live in code
- UI consistency enforced by the system, not QA
Strong Scaffolding, Maximum Flexibility
The same semantic components render beautifully across any visual aesthetic. Visual redesigns become theme swaps, not rewrites.
How I Work
Principles I've refined over 8 years of shipping design systems.
Code Is the Source of Truth
The component library is the design system. No Figma files to maintain, no drift between spec and reality.
One System, Zero Fragmentation
Tokens, spacing, typography, motion—all in version control. One change updates everywhere.
Real UI, Not Screenshots
Stakeholders review live components. No more 'this looks different in production' conversations.
Speed Through Precision
Production-ready prototypes mean faster validation. Less rework, more shipping.
Engineers Stay Unblocked
Missing component? It gets built and documented. The system serves velocity, not the other way around.
Correctness by Default
Components work right out of the box. QA hunts logic bugs, not pixel mismatches.
Design Systems I've Built
Live examples of design systems I've created and maintain.
Why This Works
Iteration speed increases when design and code are unified.
- No translation layer between design and code
- Feedback happens on real UI, not mockups
- Motion and edge cases are first-class citizens
- Engineers stop rebuilding the same components
What I Bring to Your Team
What I've delivered on past teams.
Unified Design Systems
Consolidated fragmented component libraries into single sources of truth
Dramatic Bug Reduction
Made UI correctness the default, not the exception
Zero Handoff Delays
Eliminated the design-to-engineering translation layer entirely
True Cross-Functional Work
Embedded with engineering, product, and design—not siloed
Production-First Design
Shipped real components in PRs, not Figma comment threads
Self-Enforcing Standards
Built systems that maintain consistency automatically
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.